Denim Courtyard color palette — #E7F0ED · #C0B5BF · #9D8694 · #004972 · #10241E

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

The five colors

• Cream (#E7F0ED): bright and airy, almost weightless.
• Ash (#C0B5BF): a calm mid-gray that lets other colors speak.
• Heather (#9D8694): A luminous, dusty pink — the color of peonies in June.
• Navy (#004972): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#10241E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Abyss color palette (#E6EBE6, #B0BCB4, #749789, #004F4F, #172317)
• Dusty Nightshade Corridor color palette (#E7E1E5, #C6B3BB, #A7838C, #302EA1, #2B1826)
• Petrol Boulevard color palette (#DAE5ED, #BBC4D7, #A2A1BF, #006893, #10212D)
• Antique Aubergine Archive color palette (#F4ECEE, #D8C7C8, #BA9791, #7A2B8B, #3B282C)
• Wandering Quarry color palette (#FCF1F9, #E1CCD5, #B69BC1, #4339D3, #43293C)
• Timeworn Driftwood color palette (#DBE7F8, #807DB2, #6F5172, #4D3400, #132E0F)
• Fern Archive color palette (#ECE0CD, #827D36, #3B4C00, #003444, #1E1B00)
• Aubergine Archive color palette (#EDE6E8, #A79498, #84696A, #38006B, #16020B)

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