Tempered Amber color palette — #F8F0E8 · #BE854B · #007686 · #484C7C · #271916

A conversation between Caramel and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F0E8): bright and airy, almost weightless.
• Caramel (#BE854B): A luminous, balanced gold — the color of old brass.
• Teal (#007686): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#484C7C): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#271916): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Tempered Bronze Meadow color palette (#EDF9EC, #9F7C1A, #36708F, #1F5673, #333041)
• Antique Delta color palette (#FCEFEA, #C6747A, #007F51, #0F4F70, #25181B)
• Dusty Cobalt Canyon color palette (#F5F2E8, #8D9854, #3B71BA, #6B3D64, #271B12)
• Patina Loft color palette (#F8F1E5, #BEA975, #668440, #36527F, #322C1B)
• Weathered Amber color palette (#EFF8EE, #D48F44, #1B94A4, #656898, #392E3B)
• Chalky Aubergine color palette (#FFF0D8, #836A00, #006080, #511077, #190500)
• Aged Field color palette (#FBF4ED, #E8AB7A, #00B0A6, #835B7F, #34281D)
• Pale Ultramarine color palette (#F3F3E7, #5D9147, #3E51B7, #681E43, #1E1101)

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