Tempered Driftwood color palette — #EDF8F1 · #A1C1B1 · #8B814D · #43674E · #3A4D45
Built around Mocha, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#EDF8F1): a clean, paper-quiet neutral.
- Stone (#A1C1B1): A luminous, dusty teal — the color of shallow lagoons.
- Mocha (#8B814D): A full-bodied, dusty green — the color of fresh herbs.
- Pine (#43674E): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#3A4D45): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Driftwood 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
- Patina Delta color palette (#ECF9F0, #AEA977, #817235, #644E19, #2B4339)
- Wandering Driftwood Parlor color palette (#FFF1F6, #D5AAB8, #9C7859, #725363, #3F4C40)
- Stone Lantern color palette (#E8FBEE, #BAE4D7, #9DC0A9, #AB8695, #334D4C)
- Fern Bloom color palette (#EEF8F5, #9FCCB5, #466933, #1F3F3A, #1A272A)
- Dusty Bronze Orchard color palette (#FCF4E4, #C7D19F, #AA9977, #986A30, #4A4C00)
- Weathered Lagoon color palette (#EEF7F8, #8BD1B9, #008CA2, #1F7F65, #203038)
- Cerulean Boulevard color palette (#E3FAFF, #78C6CB, #0093A5, #00697E, #004D67)
- Timeworn Bronze color palette (#CEE6D2, #8C7310, #594100, #382300, #1A1600)
Browse the whole catalog at Explore, or see today's palette.