Hushed Navy Courtyard color palette — #DAE1E8 · #9CA5B4 · #7986A3 · #004584 · #020A15

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

The five colors

• Silver (#DAE1E8): a clean, paper-quiet neutral.
• Blue Fog (#9CA5B4): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#7986A3): A luminous, dusty violet — the color of wild irises.
• Navy (#004584): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#020A15): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Aubergine color palette (#EDEEF5, #A4A3AF, #8781A1, #552787, #070716)
• Navy Pier color palette (#EBE4EB, #C5B5C3, #A18A99, #0A3C70, #030003)
• Ancient Onyx color palette (#DDE4EA, #929AAA, #6A6D93, #002D4C, #030A12)
• Hushed Petrol color palette (#E1EFEA, #BEA3B6, #AD8985, #0067A7, #000D09)
• Dusty Grape color palette (#DFE1EC, #C2C3D1, #A4A1B8, #6D42B4, #1C1E2D)
• Muted Iris color palette (#F2F5FC, #DCD7E0, #C5BAC9, #7B76BE, #353A4B)
• Aged Mulberry Basin color palette (#E4E5F3, #88658E, #713362, #561E00, #251000)
• Muted Fern color palette (#D3EAE0, #6B7D40, #2C5000, #003330, #040700)

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