Tempered Amber color palette — #FFF2EA · #BD734C · #1988A5 · #376597 · #3D3632
A conversation between Caramel and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Caramel (#BD734C): A luminous, balanced orange — the color of toasted spice.
- Cerulean (#1988A5): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#376597): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#3D3632): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, 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
- Washed Taupe Dune color palette (#FFF3E4, #B89055, #6B8ABD, #71689D, #46423B)
- Feathered Peony color palette (#FFF1F0, #C16591, #008F81, #006F81, #4C2F2E)
- Pewter Coast color palette (#FFF2E9, #B06F46, #7F60A0, #5F4579, #38312D)
- Faded Denim Drift color palette (#F6E6D7, #A25E00, #0066B2, #44408F, #371D00)
- Patina Summit color palette (#FFEBF6, #BA7C60, #00966C, #655BB9, #2C1524)
- Tempered Iris Chapel color palette (#FFF2EA, #DB8F6D, #44AF86, #7F7ACD, #3D3632)
- Frosted Aubergine Veranda color palette (#E8E8C1, #5D8932, #6D5EAC, #793484, #2F2D05)
- Weathered Drift color palette (#FFF2EC, #DFDFCD, #C2C89F, #986980, #6F3B03)
Browse the whole catalog at Explore, or see today's palette.