Washed Denim Courtyard color palette — #FAF2FA · #D2DCCD · #7087AB · #324667 · #211721

Navy takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Bone (#D2DCCD): A whisper-light, dusty green — the color of fresh herbs.
• Slate Blue (#7087AB): A luminous, dusty blue — the color of open sky before noon.
• Navy (#324667): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#211721): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Washed 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

• Cerulean Quarry color palette (#EEF8F2, #D6D7CB, #598F9F, #2B4F3B, #101F17)
• Hushed Pewter color palette (#FDF2F4, #E9E9BC, #8B6698, #492954, #180B0F)
• Tempered Periwinkle color palette (#F0F6FE, #BCEBD1, #7BA1D4, #586F8B, #262C33)
• Tempered Stone Quarry color palette (#EFF6FF, #E7B584, #495E86, #2D394C, #24242B)
• Aged Petrol Orchard color palette (#F8EEF8, #9AD2B3, #43638C, #3C293D, #171217)
• Tempered Periwinkle color palette (#F9F3F8, #EDD8DD, #DD999F, #6699F0, #2A1A15)
• Soft Indigo color palette (#FEF0FA, #E0DF7F, #565EBF, #222465, #13010E)
• Cypress Thicket color palette (#F8F6E3, #D3DBFF, #C090B6, #448165, #4E3842)

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