Tempered Amber color palette — #FFEBF6 · #C4774E · #009198 · #0074A1 · #2E1424

Caramel takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFEBF6): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#C4774E): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#009198): A full-bodied, balanced blue — the color of open sky before noon.
• Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2E1424): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Faded Aubergine Bloom color palette (#EAF5EC, #A18137, #00829E, #5A3D92, #08200F)
• Chalky Lagoon color palette (#F8EDFF, #BC7490, #21956D, #007C6E, #26182D)
• Weathered Quarry color palette (#E7F7E8, #B69766, #5E94BC, #5B77B0, #1A2C1C)
• Feathered Ultramarine color palette (#FEE8CB, #996500, #007185, #0049B1, #170B00)
• Worn Coral color palette (#FFF2EC, #EE8170, #00ACB9, #4D8DBC, #3E3633)
• Faded Grape Summit color palette (#C5F0DC, #929016, #007BC0, #6C00D5, #1A1900)
• Feathered Olive Studio color palette (#FFF0F7, #BE7341, #728600, #905173, #482F3C)
• Worn Cocoa color palette (#E4F8EC, #8FB5A9, #7F7640, #684300, #002926)

Browse the whole catalog at Explore, or see today's palette.