Tempered Driftwood color palette — #CAE8C8 · #83AF99 · #65835F · #3A4E66 · #272C44

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#CAE8C8): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#83AF99): A luminous, dusty teal — the color of glacier melt.
• Fern (#65835F): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#3A4E66): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#272C44): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Worn Courtyard color palette (#F8DBCA, #B4A478, #588475, #345268, #19253D)
• Timeworn Lagoon Harbor color palette (#DDFBE6, #9DC6B9, #659695, #525D71, #353447)
• Powdered Celadon color palette (#B9F6C3, #66B8A8, #3D8193, #664464, #511F2D)
• Antique Pier color palette (#E0F9ED, #8EAB74, #43714B, #563D4D, #00221C)
• Dusty Lantern color palette (#FFF2F0, #E2D5A3, #84ADAB, #66698A, #3D3E54)
• Olive Delta color palette (#FFE5D4, #B4A484, #79813B, #6D4F58, #593B44)
• Clover Workshop color palette (#E7EDD5, #51B961, #007567, #4C3A68, #380D34)
• Wandering Teal Boulevard color palette (#E3F4EA, #2EA8A1, #426880, #493C5A, #320C0F)

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