Dusty Cocoa Courtyard color palette — #FFF2EE · #E0D9CE · #E4B6B4 · #9CB2B2 · #763B19
Built around Bronze, softened by Rose Quartz — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Rose Quartz (#E4B6B4): A luminous, dusty orange — the color of toasted spice.
- Ash (#9CB2B2): A luminous, dusty teal — the color of sea glass.
- Bronze (#763B19): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Dusty Cocoa 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
- Taupe Corridor color palette (#FFF1F1, #E2D8D1, #ACB7B0, #BB9E80, #624D4A)
- Washed Driftwood Coast color palette (#FFF0FE, #E8D5D8, #DEB7B7, #9A819F, #5D4F5A)
- Dusty Basin color palette (#CBFCEF, #FFE9E0, #D5CCD4, #6F380B, #2B2622)
- Patina Chapel color palette (#FEF3E6, #DBDFC0, #CAA879, #A26D3A, #4E3D00)
- Dusty Meadow color palette (#FAD5C5, #DCA386, #B58400, #841042, #030100)
- Tempered Basin color palette (#FDF3EB, #F7B180, #5AC0CC, #6C81AE, #36302C)
- Blush Coast color palette (#FFF2EC, #CEFFE1, #DFDACD, #EC7D91, #582C00)
- Ancient Cocoa color palette (#FBF3EE, #DFE1CD, #AA795E, #6B3600, #211914)
Browse the whole catalog at Explore, or see today's palette.