Tempered Amber color palette — #FFF2EE · #E5BDFF · #FF99A6 · #D87B02 · #342C29
Built around Mustard, softened by Ballet Pink — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Lavender (#E5BDFF): A whisper-light, balanced violet — the color of twilight just after sunset.
- Ballet Pink (#FF99A6): A luminous, balanced red — the color of late-summer berries.
- Mustard (#D87B02): A luminous, balanced gold — the color of afternoon light on wheat.
- Espresso (#342C29): quiet, heavy and certain.
Feels like: Optimism, Creativity, Balance. Tagged candy, vibrant, light.
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
- Gentle Fuchsia color palette (#FFF1F1, #D4C9FF, #FF82D0, #DA702E, #4E2327)
- Sunlit Studio color palette (#FFF2EA, #FFC0DC, #FF957D, #AC971A, #482B0C)
- Weathered Mustard color palette (#FCF0FF, #EED0EA, #F9B4AA, #D9A70F, #43253B)
- Sunlit Field color palette (#FDF0FF, #FF9BCF, #FF7792, #B96756, #422A42)
- Ember Archive color palette (#FFE8EB, #F88281, #D55600, #904C00, #4D3400)
- Patina Driftwood Delta color palette (#FFDADF, #DBAC9C, #AB865A, #447260, #26473F)
- Blush Archive color palette (#FFF1F5, #C3D4FF, #E294FF, #EF6378, #4A243E)
- Emerald Station color palette (#FEF3D9, #FFAA87, #C9A000, #00A564, #272B00)
Browse the whole catalog at Explore, or see today's palette.