Tempered Amber color palette — #CDEFD4 · #00B8C7 · #B89100 · #957500 · #002529

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

The five colors

• Honeydew (#CDEFD4): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00B8C7): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#B89100): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#957500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002529): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Airy Bronze color palette (#C9EFDE, #42C6FD, #BB6D00, #008E74, #002331)
• Ancient Amber color palette (#F8E9F8, #98C3FF, #AC8700, #009597, #331E33)
• Muted Rose Hollow color palette (#E8E8B8, #ACA900, #FF4D53, #8E7900, #222100)
• Hazy Clover color palette (#DCFFEB, #04C6F0, #55C251, #36A234, #0A3421)
• Mallow Coast color palette (#FFF1F3, #E89AE0, #E19D4F, #2AA593, #452A2E)
• Airy Amber Alley color palette (#FFD7EF, #9495FF, #E17500, #008F71, #1B1A3E)
• Muted Emerald Garden color palette (#DFF6E8, #009AB8, #009936, #006F82, #001015)
• Weathered Seafoam color palette (#F1F7EE, #75D8C1, #DEAB75, #5FAA98, #374131)

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