The Effortless Manager — Dark Mode Palette

Effortless clarity also needs to work in dark environments. This palette adapts the brand colors for use in dark mode while maintaining accessibility and consistency.

🎨 Colors

Color	Hex code	Swatch	Typical Usage
Background	#0F1214		Base background for dark UI
Surface	#161A1D		Cards, nav bars, raised elements
Text Primary	#F5F7FA		Body text on dark backgrounds
Text Secondary	#B6C2CF		Secondary text, captions
Divider	#2A2F35		Subtle borders, separators
Deep Teal	#2FB7A6		Primary accent, flows and section markers
Forest Green	#4C7A57		Growth, stability accents
Warm Gold	#F0CF7A		Highlights, optimistic accents
Coral Red	#FF8A6B		Calls-to-action, emphasis

🔍 Why These Choices

• Backgrounds: Nearly black with a cool tint to reduce eye strain and avoid flatness.
• Text: Off-white for readability, softer than pure white; muted blue-gray for secondary hierarchy.
• Accents: Teal and green shifted lighter for visibility on dark surfaces.
• Highlights: Gold brightened to feel like sunlight against night; Coral adjusted to stay vibrant and attention-grabbing.
• Dividers: Subtle separation without harsh contrast.

📌 Usage Tips

• Maintain the same ratios as light mode (≈70% neutrals, 20% cools, 10% warms).
• Use overlays for legibility on nature imagery.
• CTAs: Coral with white text, hover to Gold.
• Focus states: Teal outlines with faint glow.
• Keep charts/diagrams transparent with accent colors, not boxed backgrounds.