Navy Courtyard color palette — #D2E7E8 · #006147 · #004577 · #342600 · #001112

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

The five colors

• Frost (#D2E7E8): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#006147): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004577): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#342600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001112): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Hushed Fern Workshop color palette (#DBE7D3, #355F00, #004C58, #451A00, #00110E)
• Aged Aubergine Delta color palette (#DAEFF8, #005D65, #462298, #232D00, #001017)
• Smoked Navy Pier color palette (#D3F2F5, #005745, #002D56, #211800, #000A08)
• Hushed Abyss Summit color palette (#D2E1E6, #A1BECC, #7892A3, #004F54, #0B232A)
• Wandering Workshop color palette (#D6ECF1, #008981, #294668, #003A37, #000408)
• Onyx Balcony color palette (#CCF9F5, #007286, #004260, #350650, #001922)
• Muted Harbor color palette (#DDEEFA, #00607F, #28099A, #36003C, #001610)
• Aubergine Drift color palette (#C6EAED, #00614B, #661C72, #50000E, #000302)

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