Denim Courtyard color palette — #FCF5E2 · #C697B2 · #976B5A · #2A6079 · #58423D

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

The five colors

• Cream (#FCF5E2): A whisper-light, dusty green — the color of new leaves after rain.
• Mauve (#C697B2): A luminous, dusty pink — the color of a candy shop window.
• Walnut (#976B5A): A full-bodied, dusty orange — the color of toasted spice.
• Peacock (#2A6079): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#58423D): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Muted Cocoa color palette (#FFF3E2, #D19885, #81774D, #48597E, #693B00)
• Ancient Taupe color palette (#FFF2EE, #C4838A, #4C7D5C, #165F5D, #384063)
• Hushed Chapel color palette (#FFF1F1, #E1C5BB, #A19583, #54746A, #564856)
• Washed Drift color palette (#EAF6E9, #D69A92, #A0694C, #4B5915, #392533)
• Apricot Atelier color palette (#E7FBF0, #F9BBDB, #E29B7B, #5C95AC, #504252)
• Rose Pier color palette (#FFF5D6, #D85C7A, #895100, #00477D, #532620)
• Antique Chapel color palette (#F8F5E9, #C1C4A2, #708C4C, #7B5C63, #4E5200)
• Rust Market color palette (#FDEEE9, #B3625C, #593200, #322520, #191410)

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