Denim Courtyard color palette — #F2ECE2 · #7BAE9F · #22529C · #002A34 · #01000B

Built around Peacock, softened by Sage — the whole palette hums with trust and stability.

The five colors

• Cream (#F2ECE2): bright and airy, almost weightless.
• Sage (#7BAE9F): A luminous, dusty teal — the color of glacier melt.
• Peacock (#22529C): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002A34): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Worn Denim Veranda color palette (#F4ECDF, #72AFAF, #00606D, #002C21, #000102)
• Gentle Bloom color palette (#DFECE1, #3987C0, #003683, #00212A, #040229)
• Hushed Study color palette (#FBEDE0, #72A7CF, #4D65E3, #005D5D, #0F0023)
• Softworn Cobalt color palette (#FCF4E7, #A2D4EB, #0081C6, #005056, #000B25)
• Antique Mulberry Pier color palette (#F5DDD6, #9F0033, #285300, #003064, #040000)
• Washed Turquoise color palette (#FBF4EA, #C1E1EC, #63B1D8, #007F7C, #063050)
• Charred Bronze color palette (#EFE0CC, #887024, #523500, #200C00, #010100)
• Pale Archive color palette (#FFEAE5, #B82D57, #00625F, #550020, #000201)

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