Tempered Driftwood color palette — #F0F7F2 · #A8CAB2 · #9C689B · #007B8B · #3C272B

Built around Slate, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Pistachio (#A8CAB2): A luminous, dusty teal — the color of sea glass.
• Slate (#9C689B): A full-bodied, balanced pink — the color of neon signs at night.
• Teal (#007B8B): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3C272B): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Aged Balcony color palette (#F4F6F0, #B8C79E, #7674B6, #008256, #392832)
• Violet Archive color palette (#EDF3F7, #96CCE9, #9A6DB6, #2D7B9E, #15141F)
• Cobalt Drift color palette (#F8F3F8, #A6C2EB, #B16369, #3E6DB2, #3B2923)
• Lilac Ridge color palette (#F0F7F4, #A0DAF9, #A48ECF, #4E96B9, #362A2F)
• Frosted Aubergine Dune color palette (#E1FFE5, #9ECCBC, #6D7BB7, #73438A, #70264F)
• Washed Fern color palette (#F5F7E6, #73B4BE, #7170A9, #3C662C, #324F44)
• Wandering Cerulean color palette (#EFF7F5, #DCD5D2, #A7A495, #5D86AB, #485652)
• Tempered Terrace color palette (#FCF2F7, #7F7DB7, #6D5C93, #644700, #3F2F40)

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