Hushed Navy Courtyard color palette — #D3E6C2 · #8CA888 · #577C61 · #39446C · #2C2548

Navy takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D3E6C2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8CA888): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#577C61): A full-bodied, dusty teal — the color of sea glass.
• Navy (#39446C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Deep Indigo (#2C2548): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Dusty Cerulean Coast color palette (#DAEFDA, #84A88F, #49819B, #684256, #321D3C)
• Teal Thicket color palette (#D2E6DB, #3CA886, #007E6A, #00483F, #002A28)
• Misty Corridor color palette (#BFECEA, #498E96, #15576F, #2D1D59, #1B032D)
• Ancient Delta color palette (#B8F2F5, #86C6BA, #579EA2, #526893, #364060)
• Ancient Teal color palette (#DAFCD9, #4EB5B4, #007372, #003D3E, #001212)
• Frosted Indigo color palette (#E0EEDB, #19A798, #7071C2, #006359, #171441)
• Basalt Summit color palette (#DFF6EE, #B3A0B4, #88657E, #693B59, #43211E)
• Timeworn Ridge color palette (#F6F2E4, #9AA67A, #516F32, #49491B, #211C00)

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