Tempered Amber color palette — #FCF2F5 · #C48C53 · #006E5D · #724200 · #001D20

A conversation between Mustard and Bronze, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Mustard (#C48C53): A luminous, balanced gold — the color of old brass.
• Pine (#006E5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#724200): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#001D20): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Sophistication. Tagged duotone, 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

• Powdered Lantern color palette (#FBF2F8, #E2765F, #006F4E, #921B00, #001D1E)
• Weathered Harbor color palette (#EFF8F1, #C8AA6E, #007D8F, #7A5A00, #15272E)
• Faded Marigold color palette (#F9F1E4, #C49A00, #11783D, #695100, #050700)
• Wandering Moss color palette (#EDF8F4, #95A32F, #006882, #4D5500, #081B24)
• Dusty Aubergine color palette (#FDE7F8, #A48114, #006B4C, #612160, #17372D)
• Pale Balcony color palette (#EDF9F0, #DCAD00, #3F9647, #8C6D00, #001E1B)
• Misty Olive Cabin color palette (#F5E1CF, #AD9F39, #2F8016, #004D3D, #00393F)
• Linen Pier color palette (#FEEDF3, #AA6300, #005D75, #6D0B29, #491922)

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