Tempered Drift color palette — #F9EED9 · #818F50 · #695300 · #552A00 · #052D0F
Coffee and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9EED9): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#818F50): A luminous, balanced green — the color of new leaves after rain.
- Coffee (#695300): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#552A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#052D0F): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, 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
- Dusty Chestnut color palette (#DDF7E6, #898B4E, #655400, #432C00, #00120D)
- Garnet Veranda color palette (#F3D9BE, #A48C27, #814D00, #711201, #222E00)
- Moss Summit color palette (#FCEDCB, #89AA5D, #786A03, #6A3D00, #044125)
- Bronze Lantern color palette (#F7DDCD, #9E6919, #722D0C, #4B0B1F, #1B1600)
- Soft Amber Terrace color palette (#E4F4E9, #A9BB74, #AB8B00, #915D34, #002B29)
- Frosted Chestnut Boulevard color palette (#FAE0F3, #CA6B71, #944300, #493300, #212B00)
- Aged Summit color palette (#FEF3E5, #C3B795, #A27739, #864D23, #4C4B00)
- Muted Bronze color palette (#FFF2EA, #BDA281, #98644B, #734047, #403D36)
Browse the whole catalog at Explore, or see today's palette.