Denim Courtyard color palette — #EBDCE3 · #6BA7C7 · #1E5799 · #003E3F · #16164A

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

The five colors

• Silver (#EBDCE3): a clean, paper-quiet neutral.
• Blue Fog (#6BA7C7): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#1E5799): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#16164A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Weathered Teal Courtyard color palette (#F0E3EB, #5BAFAA, #006271, #004121, #002333)
• Softworn Alley color palette (#EDF0E3, #7BA895, #005E8D, #003744, #000B1B)
• Patina Cobalt color palette (#DFEEED, #8AB9D2, #007CB9, #005669, #00203D)
• Navy Balcony color palette (#E8DAE1, #5388A0, #003E6E, #002221, #03012B)
• Cornflower Grove color palette (#F5E8DE, #92C8E6, #2F92FE, #007D7E, #161748)
• Forest Cabin color palette (#FDF1F9, #A2CDDB, #36839C, #006346, #113E5E)
• Weathered Orchard color palette (#DEF4F1, #008F88, #00514D, #001F1F, #000A0A)
• Worn Cypress color palette (#FBF2F5, #C5E0F9, #768AB3, #146E79, #3D4666)

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