Tempered Drift color palette — #FFF2EC · #D02100 · #004D48 · #00312D · #040001
Brick takes the lead with Forest close behind in a set that reads as energy and balance at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Brick (#D02100): A full-bodied, vivid orange — the color of autumn markets.
- Forest (#004D48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Forest (#00312D): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Energy, Balance. Tagged jewel, vibrant, 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
- Ancient Field color palette (#FFF2EB, #B04000, #005271, #00283C, #020006)
- Aged Summit color palette (#FFF2EF, #C20063, #005049, #002E2A, #040002)
- Soft Scarlet color palette (#FFEFE7, #DE2600, #005D36, #1A0A6A, #01000E)
- Nocturne Quarry color palette (#FFE6CD, #895000, #283430, #161300, #020100)
- Timeworn Ember Villa color palette (#FFEBCA, #ED4532, #695100, #00285F, #0A0200)
- Charred Garnet Atelier color palette (#EEE0EC, #830015, #003C26, #001E31, #150017)
- Aged Lagoon color palette (#FFD2D6, #FF7343, #875600, #382F00, #050700)
- Charred Cocoa color palette (#F5DEE7, #703C00, #3F3100, #002133, #030000)
Browse the whole catalog at Explore, or see today's palette.