Tempered Drift color palette — #FFF5D4 · #FFA3A4 · #D89819 · #1177BE · #502A1C

Mustard takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Custard (#FFF5D4): A whisper-light, dusty green — the color of fresh herbs.
• Rose Quartz (#FFA3A4): A luminous, balanced red — the color of a theater curtain.
• Mustard (#D89819): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#1177BE): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#502A1C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Pale Apricot Delta color palette (#DAF7E1, #FF9E71, #A39A45, #5675A7, #452431)
• Feathered Denim Grove color palette (#FFF4DC, #FF9DB9, #B07A00, #005A9D, #49120B)
• Tangerine Station color palette (#DBFFED, #FF9BD3, #F37232, #0088A2, #53242E)
• Muted Hollow color palette (#E0FFE0, #FEAD33, #7CB03C, #726FBD, #403409)
• Sunlit Moss Atelier color palette (#FFF0FE, #FF9492, #4BB343, #3F6FD3, #162C63)
• Hushed Sand color palette (#FFE7E6, #F8C29E, #ADAD79, #828ABC, #41476F)
• Antique Veranda color palette (#FFDEBC, #D6AB00, #19B44D, #7841B7, #2A2B00)
• Airy Amber Boulevard color palette (#F3E7D0, #E27700, #757E00, #3C4E99, #201300)

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