Denim Courtyard color palette — #E4ECF2 · #9EA5B2 · #7F83A8 · #004A71 · #030A11

Built around Navy, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Frost (#E4ECF2): bright and airy, almost weightless.
• Blue Fog (#9EA5B2): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#7F83A8): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#004A71): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#030A11): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Hushed Aubergine Balcony color palette (#E5E7EF, #A4A2B6, #8F7E9D, #492995, #050718)
• Hushed Navy Balcony color palette (#D5E2DE, #C5B5C2, #A48898, #003F68, #000201)
• Antique Onyx Grove color palette (#EDE6EE, #A792A5, #83667C, #002B52, #100511)
• Tempered Lantern color palette (#D7E7E0, #B89FA2, #A1857F, #096A99, #000D08)
• Lapis Market color palette (#E4E7F0, #C3C1D7, #AC9DBE, #5C4EB0, #1B1F2A)
• Mulberry Canyon color palette (#DBF0F8, #697BA7, #723778, #233E00, #001307)
• Hushed Cobalt Coast color palette (#F2F5FC, #DED6E3, #D1B6CD, #6E7BBD, #353B47)
• Twilit Garnet color palette (#D0E3EF, #00627A, #65004A, #1E1C00, #000201)

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