Tempered Amber color palette — #FFF0FA · #E6BF97 · #C47053 · #7E4352 · #11271B
Caramel and Coffee set the tone — five colors that lean into optimism and warmth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Sand (#E6BF97): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Caramel (#C47053): A luminous, balanced orange — the color of toasted spice.
- Coffee (#7E4352): A full-bodied, balanced red — the color of a theater curtain.
- Onyx (#11271B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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
- Tempered Amber Boulevard color palette (#EBFAEB, #CDCA9A, #B17F29, #7D4832, #022822)
- Gentle Loft color palette (#FFF0F8, #F6C787, #E66614, #9B394B, #2D2900)
- Amber Boulevard color palette (#FFF1F6, #EDDBAE, #CD8E56, #8E5B55, #1F372F)
- Ancient Pier color palette (#FFF1F7, #D0AE63, #AE5F12, #792427, #00170F)
- Timeworn Courtyard color palette (#FCE2D3, #B88D69, #8B523F, #653238, #34302A)
- Wandering Chestnut Corridor color palette (#F1D8E7, #B58AA0, #895641, #5D2F26, #290C1B)
- Aged Workshop color palette (#EBFAEE, #EDCB84, #7E5E00, #342500, #000501)
- Stone Boulevard color palette (#EBFAEF, #B9E9EE, #BCAE7F, #936E7E, #2E4442)
Browse the whole catalog at Explore, or see today's palette.