Tempered Amber color palette — #E9FAEF · #4EAEC6 · #BC764A · #007287 · #5F371C

Built around Caramel, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#E9FAEF): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#4EAEC6): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#BC764A): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007287): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5F371C): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Gentle Petrol Summit color palette (#E8FAF4, #78A5CC, #A3863B, #006AAA, #543F00)
• Ancient Amber color palette (#E7F4FC, #52B1D3, #D06F36, #006F8C, #3B1A2E)
• Weathered Peony color palette (#EEF9E8, #54B39C, #C2688B, #007763, #632F43)
• Apricot Bloom color palette (#E8FAF0, #58C7ED, #E58962, #008EB2, #48413C)
• Washed Bronze color palette (#E3FCF0, #3C94B9, #B66122, #7E5C00, #1D4032)
• Cerulean Pier color palette (#C5F0DD, #0090C2, #906800, #005675, #3D2A00)
• Hushed Cocoa Grove color palette (#FDF4E7, #B1A786, #896E3C, #774226, #3F4000)
• Antique Lagoon color palette (#E7FBEE, #EAD8D2, #E6BDEF, #3D9378, #38594F)

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