Denim Courtyard color palette — #FBF2F9 · #D0BD9F · #4D5D85 · #2A3759 · #322730

Peacock takes the lead with Navy close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Sand (#D0BD9F): A luminous, dusty gold — the color of honey in a jar.
• Peacock (#4D5D85): A full-bodied, dusty violet — the color of wild irises.
• Navy (#2A3759): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#322730): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged luxury, dark, 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

• Aged Petrol color palette (#EFF7F2, #D3BD9A, #1E687B, #19422E, #1A2A29)
• Tempered Atelier color palette (#FDF2F4, #D1BD9E, #79505C, #4E2D37, #30201C)
• Dusty Cobalt color palette (#F0F6FF, #B6DCBF, #667CB0, #3D4E68, #272C32)
• Worn Lagoon color palette (#F0F6FF, #F5DBA6, #8B9ECA, #5F6E86, #272C33)
• Wandering Grove color palette (#FAF3F7, #B8BCEC, #A4658F, #6263AE, #39292A)
• Muted Market color palette (#FFF0F8, #C59B35, #49358D, #28115E, #28121F)
• Muted Harbor color palette (#FAF3F5, #DFD8D6, #ACADA0, #8A77AA, #585053)
• Tempered Pewter Dune color palette (#FDF4E5, #B49CC8, #9C627F, #555F2B, #5B3E44)

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