Tempered Drift color palette — #F8F0EB · #F4B294 · #9D7D4A · #98624A · #1B150D

Melon takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Melon (#F4B294): A luminous, balanced orange — the color of toasted spice.
• Mocha (#9D7D4A): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#98624A): A full-bodied, dusty orange — the color of autumn markets.
• Ink (#1B150D): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged duotone, 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

• Bronze Boulevard color palette (#FAF3F7, #ECAF9F, #8F7B3F, #9D5744, #263129)
• Antique Driftwood color palette (#F5F1EA, #D2C389, #6E8E53, #817132, #17170A)
• Patina Drift color palette (#FBF0DF, #D0A25F, #83794A, #2B5D4C, #332B1D)
• Antique Bronze Canyon color palette (#F7F0EA, #D9D8CC, #A8B1A5, #AA7641, #3B352F)
• Teal Courtyard color palette (#FDF2F0, #F8C0CA, #66AC8C, #B97684, #2C2F29)
• Softworn Marigold color palette (#FCF0E3, #E59300, #766D00, #7F4F00, #0D0800)
• Washed Boulevard color palette (#F9F0E8, #C48046, #4B7234, #613753, #271A15)
• Amber Summit color palette (#EFE3D3, #B98200, #555A00, #5E4000, #030200)

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