Tempered Driftwood color palette — #E3F2E9 · #908438 · #21433A · #16211B · #090E0A

Built around Moss, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#E3F2E9): a clean, paper-quiet neutral.
• Moss (#908438): A luminous, balanced green — the color of new leaves after rain.
• Forest (#21433A): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#16211B): quiet, heavy and certain.
• Ink (#090E0A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Weathered Terrace color palette (#F6E9EF, #BB6B36, #2D412E, #251B20, #100A0E)
• Washed Moss Chapel color palette (#F6F1E5, #AE9C29, #625A04, #3A3831, #25211C)
• Pine Atelier color palette (#D1E2E3, #008A65, #003937, #07191A, #020807)
• Timeworn Mustard Thicket color palette (#EAFAF0, #C2AE5B, #3B5C58, #222F27, #130E10)
• Softworn Meadow color palette (#DFF8F4, #7CAA77, #638CD9, #A26563, #162C29)
• Deep Fern Studio color palette (#D9F1EB, #376300, #2B2F36, #002110, #000705)
• Soft Delta color palette (#D1F7E3, #B9BF7C, #75953B, #436D40, #153837)
• Dusty Workshop color palette (#EBF4F1, #A5CDC7, #5F8F77, #715A65, #1F3633)

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