Hushed Navy Garden color palette — #DEF1F0 · #5186B0 · #003C73 · #00202E · #000623

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

The five colors

• Cream (#DEF1F0): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#5186B0): A luminous, balanced blue — the color of deep harbor water.
• Navy (#003C73): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000623): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Hushed 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

• Quiet Quarry color palette (#D0E2FD, #7E89C0, #725CB7, #003763, #040A2A)
• Navy Ridge color palette (#EBE0E4, #507DA1, #0D2997, #001F23, #010009)
• Timeworn Station color palette (#CFE4E0, #4C8C91, #00454E, #002220, #000B10)
• Nocturne Workshop color palette (#CDEAF6, #006088, #003958, #001B34, #08031C)
• Ultramarine Alley color palette (#EEE2D7, #7197B6, #244CBB, #003A41, #0A0028)
• Tempered Quarry color palette (#E0EDEC, #67A8C5, #005E86, #003C47, #002139)
• Aged Loft color palette (#EBEFE4, #75A6D0, #0073D8, #005879, #000527)
• Velvet Ultramarine Boulevard color palette (#DBE7FE, #2C58BF, #001A74, #00042A, #00010D)

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