Tempered Driftwood Studio color palette — #FFF1F7 · #ABBEAA · #987484 · #715367 · #3A4D3F
Mocha and Graphite set the tone — five colors that lean into sophistication and grounding.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Stone (#ABBEAA): A luminous, dusty green — the color of fresh herbs.
- Mocha (#987484): A full-bodied, dusty rose — the color of strawberry cream.
- Graphite (#715367): A full-bodied, dusty pink — the color of neon signs at night.
- Deep Olive (#3A4D3F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Driftwood Studio 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
- Dusty Driftwood color palette (#ECF9ED, #A6BFAE, #6B896E, #735360, #3B4C44)
- Washed Cocoa Basin color palette (#FAEEF3, #ADC1B1, #9C7687, #7A4847, #1B3129)
- Softworn Bronze Courtyard color palette (#FFF0F7, #C499A7, #946649, #66455D, #2E4332)
- Muted Cocoa color palette (#FFF3E9, #D6C8B3, #B59479, #956665, #554700)
- Wandering Garnet Quarry color palette (#F0F5FF, #C0BBEB, #8E73A9, #754573, #6E2A32)
- Muted Station color palette (#EDF6FF, #D3BE91, #44617B, #253B4D, #212330)
- Tempered Lagoon color palette (#F0F6FC, #A0C3F0, #906DA3, #476FA1, #2D2C38)
- Washed Azure Boulevard color palette (#EEF6FF, #5F95C8, #A3715E, #6B5F2F, #303F4D)
Browse the whole catalog at Explore, or see today's palette.