Denim Courtyard color palette — #CEE7FF · #005588 · #583600 · #00223B · #0B0400

A conversation between Peacock and Cocoa, giving this palette its sense of trust and stability.

The five colors

• Frost (#CEE7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#005588): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#583600): A deep, shadowed, dusty gold — the color of old brass.
• Midnight (#00223B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0B0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Calm, Sophistication, Depth. Tagged dark, muted, cool.

Use it as a design system

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

• Tempered Garnet Market color palette (#DCF4FF, #005B6A, #711C00, #00252C, #120100)
• Ultramarine Lagoon color palette (#D4E4FC, #003ACA, #513A00, #001161, #0A0500)
• Petrol Meadow color palette (#CFF1E8, #006CB5, #844500, #003A65, #0D0400)
• Midnight Garnet Cabin color palette (#D6E9FF, #003F77, #650021, #162A00, #000206)
• Charred Grape Corridor color palette (#E2E6F6, #5D1DBA, #434100, #270059, #070600)
• Iris Veranda color palette (#DEEEFF, #7D88DC, #765393, #003346, #030D28)
• Patina Sapphire color palette (#E3EEFF, #0F5DDF, #002565, #26181F, #00071A)
• Muted Indigo color palette (#CCDFFF, #4670FB, #836600, #213BA2, #342700)

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