Tempered Amber color palette — #FFF3E8 · #B97741 · #128F7B · #6F5D96 · #3D3732
Caramel and Fern set the tone — five colors that lean into optimism and creativity.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Caramel (#B97741): A luminous, balanced gold — the color of afternoon light on wheat.
- Fern (#128F7B): A full-bodied, balanced teal — the color of shallow lagoons.
- Slate (#6F5D96): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#3D3732): a grounded near-black with real depth.
Feels like: Optimism, Creativity, Sophistication. Tagged 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 Cerulean Corridor color palette (#FFF4DF, #AA965E, #3299AA, #94638E, #45423B)
- Driftwood Courtyard color palette (#FFF2EE, #BF6C7A, #688648, #356CA1, #4B3029)
- Wandering Petrol Drift color palette (#FDF5E1, #908230, #3476A9, #64427A, #35332C)
- Tempered Lantern color palette (#FCEED7, #936800, #007277, #810098, #312000)
- Quiet Mulberry color palette (#E7E8BE, #59893A, #3B6EAD, #983041, #2D2D0B)
- Dusty Canyon color palette (#FFF0F8, #D5936F, #4E9EE4, #6F76C5, #492E3D)
- Hushed Bronze Thicket color palette (#FFF2EA, #BEA185, #97654A, #73423A, #543600)
- Cocoa Field color palette (#FFF3E9, #DEDFC3, #A7D2AA, #9C6756, #6B4300)
Browse the whole catalog at Explore, or see today's palette.