Denim Courtyard color palette — #E9EFF5 · #C6CCD8 · #9E9EB3 · #005C82 · #20303C

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

The five colors

• Cream (#E9EFF5): a clean, paper-quiet neutral.
• Oat (#C6CCD8): soft and architectural.
• Blue Fog (#9E9EB3): A luminous, dusty violet — the color of wild irises.
• Peacock (#005C82): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#20303C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Aged Lantern color palette (#E0ECE8, #D3C7D1, #B799AC, #005A8A, #031B14)
• Hushed Market color palette (#E9EFF6, #D0D8E3, #ADB7D1, #0078B7, #222F3B)
• Softworn Loft color palette (#F2F5FD, #D4CFE3, #B29FB7, #5D41AF, #2E3243)
• Abyss Basin color palette (#DDF3F3, #7F9FC0, #745D82, #315431, #003E33)
• Driftwood Harbor color palette (#F4F4FC, #E0D8DE, #B4AAA2, #887AA1, #515259)
• Weathered Navy color palette (#E2E7F3, #A8A6BC, #897794, #2B297A, #0C1325)
• Azure Boulevard color palette (#E7F1ED, #E3D1D4, #DFB3AC, #3C9DCB, #1F332B)
• Washed Fern Hollow color palette (#F2DEE9, #A5874D, #525B0E, #4A3060, #123019)

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