Tempered Driftwood color palette — #F1DEE2 · #CA9A84 · #94844E · #3F587B · #2A3A60

A conversation between Mocha and Navy, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F1DEE2): A whisper-light, dusty red — the color of late-summer berries.
• Camel (#CA9A84): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#94844E): A luminous, dusty green — the color of a quiet forest floor.
• Peacock (#3F587B): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2A3A60): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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

• Washed Bronze color palette (#FFE0F6, #CA9C8D, #AB7942, #3B6451, #013E50)
• Dusty Delta color palette (#FFE4D7, #BDAA88, #788E65, #66517F, #4E2E4C)
• Antique Amber Thicket color palette (#F9DFDC, #B38651, #6F7A4C, #44486E, #2C254F)
• Worn Drift color palette (#FFE9F0, #D6AFC9, #A18849, #375A7E, #201F44)
• Aged Taupe Market color palette (#FFF2EC, #D5C4AE, #A8A381, #886F7B, #5C454E)
• Navy Lagoon color palette (#F2D8D2, #9D7B40, #556C33, #3D306E, #31002C)
• Aged Lagoon Bloom color palette (#FFECDA, #C9AF8D, #A1975C, #39896A, #004039)
• Cobalt Corridor color palette (#F2DABB, #D99D28, #007AC8, #835B00, #002B4B)

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