Tempered Drift color palette — #F3F1CF · #8BD7B7 · #5DABC7 · #7A4E00 · #051D01
Coffee and Lagoon set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F3F1CF): A whisper-light, dusty green — the color of new leaves after rain.
- Lagoon (#8BD7B7): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#5DABC7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Coffee (#7A4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#051D01): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged pastel, light.
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
- Timeworn Teal color palette (#FFEFD1, #B4CF8E, #1BB5B1, #904C28, #211B00)
- Antique Summit color palette (#E4F8D3, #83D0DB, #8991DD, #555C00, #042006)
- Ancient Veranda color palette (#F3F4D7, #9DD5B3, #47B2A9, #606400, #123916)
- Aged Bronze color palette (#F2F4DB, #ABF5DF, #89B7DC, #896E38, #242906)
- Cornflower Chapel color palette (#DDE8CA, #4CAFC0, #5077D5, #3C4500, #000A0A)
- Garnet Harbor color palette (#F1D9C8, #A67F3A, #804218, #5B101E, #100F00)
- Hushed Lantern color palette (#D4EDD6, #4997C8, #7658A3, #00421B, #000204)
- Hazy Aubergine color palette (#E2E7D9, #0DA861, #762B95, #00552E, #080002)
Browse the whole catalog at Explore, or see today's palette.