Hushed Navy Courtyard color palette — #F7ECE3 · #3180AD · #193281 · #001F1E · #020008

A conversation between Navy and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7ECE3): bright and airy, almost weightless.
• Cerulean (#3180AD): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#193281): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#001F1E): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020008): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Patina Navy Coast color palette (#E1E7D4, #5A86A4, #003F6B, #00212C, #00081C)
• Aged Chapel color palette (#F1DDD8, #2C8882, #004351, #032101, #000104)
• Patina Alley color palette (#DCE8DE, #69AAD5, #0053A1, #002A32, #00000B)
• Feathered Aqua color palette (#FFEDE8, #10D5D5, #007E9D, #00561A, #001A36)
• Muted Boulevard color palette (#DFE0D2, #00A274, #006C8C, #4B2E00, #010400)
• Nocturne Loft color palette (#E0E5C3, #4C5100, #5A007A, #1E2100, #030005)
• Washed Olive color palette (#DFF7DA, #407000, #1B3800, #182228, #030A00)
• Cerulean Meadow color palette (#F7F0EB, #C0E7D6, #6F8EC2, #1B6C63, #3D2231)

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