Tempered Amber color palette — #F1F5FF · #BABDFF · #C57767 · #7779B6 · #2D1F29

Built around Caramel, softened by Slate Blue — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#BABDFF): A luminous, balanced violet — the color of twilight just after sunset.
• Caramel (#C57767): A luminous, balanced orange — the color of toasted spice.
• Slate Blue (#7779B6): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#2D1F29): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Ancient Boulevard color palette (#F4F4FC, #E3C3F5, #B89560, #A07BB4, #273128)
• Weathered Peony color palette (#EDF7FE, #79D0FF, #BE71A7, #398AB3, #272030)
• Tempered Iris Boulevard color palette (#FCF2F7, #EAD4ED, #D78285, #8D74E1, #200C06)
• Softworn Lilac Station color palette (#DBFDFC, #B89FFB, #B56F78, #277169, #3E3A4E)
• Faded Wisteria color palette (#F4F4FE, #E7C6FE, #DF92BC, #C181EA, #291F32)
• Aubergine Cabin color palette (#FFF1F5, #BFA1CF, #9E5276, #77488F, #341D1C)
• Powdered Mallow Delta color palette (#EDEEFF, #E3AAFF, #BF7497, #9D4E40, #5E3200)
• Dusty Ash Courtyard color palette (#F4F4FC, #E6D8E0, #CFBBBF, #9F83AE, #47474E)

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