Tempered Drift color palette — #FFF0F9 · #E8E2C3 · #CDB46E · #747D4D · #31514C

Sand and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Celadon Mist (#E8E2C3): A whisper-light, dusty green — the color of new leaves after rain.
• Sand (#CDB46E): A luminous, balanced green — the color of fresh herbs.
• Walnut (#747D4D): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#31514C): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Tempered Drift 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

• Softworn Apricot color palette (#FAF2FF, #EADAD0, #E9A084, #9D7956, #345242)
• Hushed Olive Archive color palette (#FFF2EA, #D7B58B, #9A843C, #736A00, #4E4E46)
• Straw Corridor color palette (#DFFFE2, #F7E191, #A4B66E, #658B6B, #2B5358)
• Aged Stone Hollow color palette (#E9FBEE, #B2ECF1, #BDAD7F, #8E707D, #324342)
• Hazy Mustard Lantern color palette (#FFE8C9, #D3B300, #608600, #00591E, #002018)
• Softworn Straw color palette (#EAFAF1, #EEE9A2, #B6CAFF, #A29D5C, #384760)
• Softworn Pier color palette (#FFF3E9, #FDC225, #8A9D00, #367B13, #004632)
• Lichen Ridge color palette (#DAFFEF, #F3FDB4, #BEBA76, #6E6E3F, #052F24)

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