Tempered Amber color palette — #F0E0E1 · #C96600 · #675100 · #142400 · #000201

Pumpkin takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F0E0E1): bright and airy, almost weightless.
• Pumpkin (#C96600): A luminous, balanced gold — the color of old brass.
• Coffee (#675100): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#142400): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Quiet Ember color palette (#F8DEE6, #F83714, #704C00, #222000, #000200)
• Ancient Bronze color palette (#ECDBD2, #927500, #344700, #00190D, #000201)
• Tempered Rust color palette (#F2EADD, #BE5000, #3B4A00, #0B005D, #020100)
• Hazy Apricot Grove color palette (#FFF2F0, #FEA047, #968500, #145D05, #001A13)
• Velvet Chestnut Study color palette (#F8D9E3, #925800, #003F66, #000D43, #01000B)
• Hushed Blush color palette (#FFEFD7, #FF8A94, #C38B00, #007F55, #010100)
• Amber Lantern color palette (#FDDFD8, #AE8D00, #006D4B, #322350, #100027)
• Cocoa Coast color palette (#F6EAF0, #C3D5C8, #87B0A5, #7B3700, #060103)

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