Sunlit Navy color palette — #EEF9EE · #B4853C · #647900 · #004791 · #010C00

Built around Indigo, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF9EE): bright and airy, almost weightless.
• Mustard (#B4853C): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#647900): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#004791): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#010C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Sunlit Navy into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Navy Coast color palette (#FFF0F9, #D98060, #627800, #004B94, #15010E)
• Nightshade Orchard color palette (#FFF1F6, #D89652, #8E7300, #213AA7, #2B1500)
• Aubergine Boulevard color palette (#ECF9F1, #9E8B34, #008369, #572987, #0C0800)
• Ultramarine Field color palette (#E8FAF1, #B3B261, #598C45, #4A54AD, #0D210D)
• Muted Lantern color palette (#E8FBEB, #AE8200, #0C3E35, #001505, #030002)
• Timeworn Amber color palette (#FFF0F7, #D07633, #A55B0A, #004E52, #18071E)
• Airy Aubergine color palette (#E6FDE6, #8F5F00, #105D0B, #28005B, #020100)
• Tempered Amber color palette (#FFF1F2, #FEBA93, #BB8B00, #506200, #002614)

Browse the whole catalog at Explore, or see today's palette.