Sunlit Navy color palette — #F1ECDE · #897900 · #0037A0 · #3F3600 · #030003
Built around Indigo, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#F1ECDE): a clean, paper-quiet neutral.
- Olive Leaf (#897900): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#0037A0): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Espresso (#3F3600): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Feathered Aubergine color palette (#EDEEDC, #528A00, #4900AE, #233F00, #040002)
- Tempered Olive Dune color palette (#EDECDC, #527500, #003A5A, #1F3000, #000201)
- Weathered Bronze Ridge color palette (#F1E6D1, #937400, #004E50, #433400, #000200)
- Dusty Drift color palette (#DDF1E8, #949A00, #006B87, #545700, #000407)
- Frosted Olive color palette (#FCD6CF, #377600, #00444E, #3D0021, #000704)
- Aubergine Lantern color palette (#E3E1C7, #486300, #480080, #390008, #0D0001)
- Chalky Moss color palette (#EDF0D5, #31B210, #0059AE, #155C04, #00030D)
- Lowlit Aubergine Market color palette (#E7EDDD, #006941, #34006B, #002614, #020007)
Browse the whole catalog at Explore, or see today's palette.