Tempered Amber color palette — #FFF2EC · #B4933C · #007D59 · #67396D · #3F3D36

Mustard and Teal set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Mustard (#B4933C): A luminous, balanced gold — the color of old brass.
• Teal (#007D59): A full-bodied, balanced teal — the color of shallow lagoons.
• Mulberry (#67396D): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged retro, 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 Olive color palette (#FFF3E8, #CA8557, #517716, #51427B, #413C36)
• Gentle Moss color palette (#E1F9E5, #9BA526, #3A7B52, #424169, #032922)
• Lagoon Field color palette (#FFF2EF, #9DB078, #00888D, #764A5C, #474942)
• Antique Mustard color palette (#FFF4E2, #B0B95D, #499967, #5E5E88, #3E3E36)
• Washed Garnet color palette (#FDF3EB, #BC753E, #006A9E, #7A2536, #53292F)
• Wandering Chestnut color palette (#FAF4ED, #BBAF89, #53814D, #7B4F0E, #514100)
• Garnet Atelier color palette (#FFDCD1, #7E8400, #005F5A, #65004D, #0F3209)
• Linen Lime Veranda color palette (#F7F6E6, #FFC693, #ABC91F, #00969E, #41433C)

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