Tempered Amber color palette — #F9F2FF · #DA7AA9 · #BE7800 · #656300 · #1C0E26

A conversation between Mustard and Bubblegum, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bubblegum (#DA7AA9): A luminous, balanced rose — the color of a warm blush.
• Mustard (#BE7800): A luminous, balanced gold — the color of old brass.
• Olive (#656300): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#1C0E26): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Blush Boulevard color palette (#FDF0FF, #F37A92, #B25C00, #534B00, #00230A)
• Timeworn Lilac Lagoon color palette (#F4F4FF, #B584E4, #D16459, #8B4E00, #131229)
• Frosted Peony color palette (#FAF2FF, #EB6AA7, #B97B00, #4859A4, #1C0E25)
• Feathered Grove color palette (#FFF0FC, #EF978E, #A5A33B, #4D8242, #2F1E2D)
• Hushed Raspberry Summit color palette (#FFF0F7, #F88FC6, #C65169, #6A4B00, #2A1A31)
• Weathered Ember color palette (#FFF2EC, #E56700, #579100, #006448, #1A0600)
• Wandering Wisteria color palette (#F4F4FF, #C17BE8, #CF6750, #00688E, #141228)
• Tempered Lilac color palette (#E9EEFF, #A79DFF, #91AC50, #778C47, #202539)

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