Tempered Amber color palette — #FFF0FB · #8194D4 · #C27061 · #51845D · #4C3D49

Caramel and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender Blue (#8194D4): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#C27061): A luminous, balanced orange — the color of autumn markets.
• Fern (#51845D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#4C3D49): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Dusty Driftwood color palette (#E2FCF2, #5EA0CB, #BD6D88, #717D46, #314840)
• Softworn Amber Orchard color palette (#FFF1F4, #B086BB, #AF8026, #278589, #523B40)
• Wandering Iris Balcony color palette (#FFEBFB, #7C98E9, #9D8D55, #867846, #2F232D)
• Periwinkle Atelier color palette (#F0F6FF, #8DAEFF, #B5A561, #7E945F, #3A4351)
• Violet Boulevard color palette (#EBE8FF, #8761E5, #AF5600, #00715B, #32294F)
• Petal Loft color palette (#FDF1F9, #FECFFC, #E6D6D6, #6E8DAF, #5A4B54)
• Hushed Ridge color palette (#FFF2E9, #CDB398, #A37458, #884B29, #604100)
• Muted Parlor color palette (#FFF0FA, #C4C8FF, #767FCA, #494D80, #4F3046)

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