Navy Courtyard color palette — #CBE9D4 · #00676C · #17355E · #261000 · #0C0200

Navy and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#CBE9D4): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00676C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#17355E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#261000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0C0200): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, dark.

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

• Deep Forest Bloom color palette (#E9E7CF, #2E6436, #003C3D, #310012, #0A0001)
• Midnight Alley color palette (#CAEEE9, #005D65, #003744, #001423, #00010B)
• Smoked Corridor color palette (#D3F5F7, #0C5DA2, #3F2657, #1D1600, #040300)
• Softworn Onyx Market color palette (#D7F5ED, #35808F, #265476, #51132E, #290300)
• Garnet Cabin color palette (#D6EEF9, #004258, #561C00, #331D00, #000102)
• Aged Cerulean color palette (#CAEFEF, #0093AC, #005B7C, #1C1F3E, #010008)
• Weathered Quarry color palette (#F2E2D7, #0085A7, #003E67, #001F1D, #00000C)
• Washed Lantern color palette (#D3E8E9, #4F87B2, #55436E, #3B2A00, #1B1000)

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