Sunlit Navy color palette — #D1F1DA · #8B6E00 · #006555 · #0C2D7E · #060002

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

The five colors

• Honeydew (#D1F1DA): A whisper-light, dusty teal — the color of sea glass.
• Ochre (#8B6E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006555): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#0C2D7E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Pale Bronze Boulevard color palette (#FFE9F2, #A85B00, #006739, #003765, #060003)
• Timeworn Moss Meadow color palette (#E5E0CE, #778F41, #3E7B54, #3E4771, #1E0B2A)
• Timeworn Olive color palette (#CAF5ED, #2F8800, #005E81, #5B045D, #040100)
• Onyx Grove color palette (#F1D6E1, #834600, #003E51, #280042, #030009)
• Fern Dune color palette (#D9EFE4, #655E00, #162700, #03100E, #000201)
• Ancient Parlor color palette (#E8E8D5, #698200, #3A6500, #074E0B, #000C04)
• Worn Lagoon color palette (#D9E7DB, #3EB4B5, #008394, #005F4A, #000B11)
• Washed Boulevard color palette (#D4EBE4, #469E5B, #007455, #653D1C, #000901)

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