Navy Garden color palette — #F0DFE4 · #5A7C9A · #1A2D8C · #001E23 · #020009

Indigo takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F0DFE4): bright and airy, almost weightless.
• Slate (#5A7C9A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Indigo (#1A2D8C): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#001E23): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#020009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Navy Garden 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

• Washed Basin color palette (#DDEAEA, #6684A0, #003B77, #00202F, #000429)
• Worn Abyss Drift color palette (#ECDAE7, #4A8386, #004353, #002014, #000104)
• Softworn Pier color palette (#ECF0E4, #85A6C6, #0E51A4, #00283B, #00000C)
• Eclipse Lantern color palette (#D7ECF0, #006D7A, #003234, #13151B, #00080A)
• Tempered Petrol Harbor color palette (#CEEAE8, #4D92AB, #5962A1, #003C1C, #000203)
• Timeworn Courtyard color palette (#FAEEF5, #ACCDDF, #4E82A7, #005C54, #0E1E41)
• Garnet Parlor color palette (#D6E9EE, #005856, #72002B, #002423, #040001)
• Hushed Cypress color palette (#F6EFF4, #D4D2E5, #78A2BD, #38786B, #28374B)

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