Sunlit Navy color palette — #D4E6DE · #6D6D00 · #494A00 · #002967 · #2E1B00

Navy takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#D4E6DE): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#6D6D00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#494A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Navy (#002967): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#2E1B00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Airy Aubergine color palette (#D2E6E2, #417900, #2A5200, #430066, #172400)
• Wandering Navy color palette (#EBE0CC, #826800, #005346, #021571, #1C000E)
• Softworn Ridge color palette (#EEDAEB, #A44644, #3F4D00, #30007D, #420006)
• Ancient Fern Coast color palette (#EEE2CF, #969613, #386E00, #004725, #00322A)
• Cocoa Bloom color palette (#D8E9DE, #594800, #00322C, #2B0017, #0B0700)
• Sunlit Garnet Harbor color palette (#D5F0DC, #876A00, #005757, #600037, #2E2200)
• Navy Bloom color palette (#E2DEF4, #94409A, #4A4A00, #11098A, #37003B)
• Aged Lantern color palette (#D1E8D8, #A38200, #00736C, #3D2C90, #42000A)

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