Tempered Amber color palette — #FFF1F2 · #FFB193 · #BC8F3F · #297473 · #00384A
A conversation between Mustard and Melon, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Melon (#FFB193): A whisper-light, balanced orange — the color of toasted spice.
- Mustard (#BC8F3F): A luminous, balanced gold — the color of afternoon light on wheat.
- Teal (#297473): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#00384A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Amber 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
- Dusty Amber color palette (#FFF0FA, #FFA7B5, #D2825D, #006F4B, #003437)
- Washed Mustard color palette (#FFF2EC, #F4B227, #9C9938, #006C86, #1E3253)
- Hazy Courtyard color palette (#F4E2EC, #F99E8C, #B99A5F, #5583AD, #003872)
- Worn Sand Alley color palette (#FFF2ED, #FFD58A, #9CA663, #40839B, #2F4668)
- Weathered Taupe Bloom color palette (#F4E8D6, #A2A467, #60855B, #283D65, #1A1133)
- Tempered Forest color palette (#F3DCD0, #BD8F5A, #886713, #005C2B, #004634)
- Moss Dune color palette (#ECEAD0, #779B53, #007453, #2D315D, #130019)
- Tempered Azure color palette (#FFF3E8, #FFAB5D, #0097D4, #9B5800, #002133)
Browse the whole catalog at Explore, or see today's palette.