Tempered Drift color palette — #F0DBF7 · #C88600 · #008750 · #002915 · #010200

Mustard takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#F0DBF7): A whisper-light, dusty pink — the color of a candy shop window.
• Mustard (#C88600): A luminous, balanced gold — the color of old brass.
• Fern (#008750): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#002915): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Faded Ember color palette (#E9E9FF, #ED6700, #6F7800, #232600, #020200)
• Amber Veranda color palette (#D9E6DB, #D97846, #00656D, #002F33, #000301)
• Hushed Boulevard color palette (#F6D7D9, #128FF9, #858E00, #2A2E00, #020200)
• Pale Market color palette (#E3E6D0, #F9009E, #009E73, #003423, #010200)
• Petrol Balcony color palette (#E2EDE7, #C4AEB5, #AF9294, #007DA0, #00190F)
• Hazy Apricot Harbor color palette (#FEE3FB, #FFA566, #00AF9C, #004C43, #0A1904)
• Softworn Scarlet Studio color palette (#FDECE5, #EC0521, #00859E, #001920, #000201)
• Feathered Ridge color palette (#FDDBCD, #CCBA00, #00A1C8, #004356, #04160D)

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