Driftwood Courtyard color palette — #FFF1F1 · #E2D9D0 · #E9AD94 · #996C9F · #684A44
A conversation between Heather and Melon, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Bone (#E2D9D0): a clean, paper-quiet neutral.
- Melon (#E9AD94): A luminous, dusty orange — the color of autumn markets.
- Heather (#996C9F): A full-bodied, balanced pink — the color of peonies in June.
- Coffee (#684A44): A full-bodied, dusty orange — the color of sun-warmed clay.
Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Driftwood 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
- Timeworn Workshop color palette (#FFF1F6, #E4D7D3, #F6BBCE, #717CB8, #5C3F46)
- Muted Cocoa color palette (#FFF2EB, #DFDBCC, #CDBD8F, #B16C6F, #713D07)
- Ash Alley color palette (#F9F2FF, #E9DAD4, #ABC4D2, #B0A5CD, #544459)
- Plum Quarry color palette (#FFF2EE, #FFC7B4, #DC8C00, #A9257C, #5F171C)
- Aged Cocoa Pier color palette (#FEF2EE, #C0AC82, #773E3A, #49201D, #251A0C)
- Ancient Terracotta Grove color palette (#FFF3E7, #F2DEB9, #ABBF7C, #9F4A1D, #433E38)
- Softworn Cocoa color palette (#F0DDC1, #C1B96A, #71944E, #7B3D00, #2E2500)
- Airy Terracotta Grove color palette (#FAF4F0, #DD9D88, #836D00, #A43400, #2B2310)
Browse the whole catalog at Explore, or see today's palette.