Tempered Amber color palette — #FFF3E6 · #CC8357 · #5C733B · #4A457C · #413C36
Built around Caramel, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Caramel (#CC8357): A luminous, balanced gold — the color of old brass.
- Olive (#5C733B): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#4A457C): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#413C36): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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 Taupe color palette (#FFF2EC, #A19A53, #107B6B, #673B65, #3E3E36)
- Dusty Blush Orchard color palette (#FDF5E0, #CC7A99, #876230, #18517D, #433B38)
- Washed Denim color palette (#E4F8E8, #B99661, #677229, #00497B, #072A17)
- Worn Petrol Courtyard color palette (#FFF4E2, #D1AA6E, #828E42, #29679B, #403D36)
- Chalky Petrol color palette (#FFF3E7, #B07C48, #2A679B, #454075, #432548)
- Antique Lagoon color palette (#FFE7DA, #C7B190, #858F71, #7F575F, #60474B)
- Fern Drift color palette (#F8F6E8, #8FBC9D, #607C5C, #754D4E, #3C4900)
- Gentle Aubergine color palette (#FFDDCA, #A57100, #006332, #4D0081, #2D2A00)
Browse the whole catalog at Explore, or see today's palette.