Sunlit Navy color palette — #D2E4D5 · #009256 · #006F71 · #01199C · #000305

Indigo and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D2E4D5): A whisper-light, dusty teal — the color of sea glass.
• Fern (#009256): A full-bodied, balanced teal — the color of glacier melt.
• Teal (#006F71): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#01199C): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#000305): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged candy, vibrant, light.

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

• Aubergine Market color palette (#CCEDE1, #008F83, #006896, #40008A, #00050F)
• Faded Cabin color palette (#D1E7CE, #598800, #007867, #00466F, #000506)
• Aged Petrol Cabin color palette (#CBEBDF, #00768C, #283A6C, #2D1800, #0D0C00)
• Feathered Navy color palette (#F6E9DD, #4E87AE, #002C99, #002225, #090029)
• Cellar Loft color palette (#D6E9E9, #006881, #00344B, #001541, #0E001D)
• Worn Denim color palette (#D6F5EB, #00558A, #5D3200, #00223C, #0D0400)
• Charred Spruce Cabin color palette (#D7EEDD, #504F58, #00353B, #0D1B1F, #00040C)
• Quiet Aubergine color palette (#BFEADE, #00B1AD, #0081D3, #6F12AC, #080E38)

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