Tempered Violet Coast color palette — #FFF3E2 · #E5AF2D · #8C6BDE · #97559B · #271800

Amethyst and Saffron set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Saffron (#E5AF2D): A luminous, balanced gold — the color of old brass.
• Amethyst (#8C6BDE): A luminous, vivid violet — the color of wild irises.
• Slate (#97559B): A full-bodied, balanced pink — the color of neon signs at night.
• Ink (#271800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Violet Coast 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

• Wisteria Pier color palette (#FFF4DE, #C5A300, #C46CD7, #9D65A9, #251900)
• Quiet Coast color palette (#FFF2E9, #FF9C63, #517EE6, #7A64B2, #2C1503)
• Faded Mustard Meadow color palette (#C5F1D7, #C9AE00, #00B7DA, #C07CAC, #163223)
• Faded Field color palette (#EFFDC7, #90A700, #EF00A8, #C8008B, #101500)
• Washed Cobalt Balcony color palette (#CAEFD8, #8F7800, #4F66B8, #524F9A, #0A341F)
• Worn Byzantium Villa color palette (#F0E0BA, #8D7A00, #8533D9, #6927AE, #020200)
• Pale Grape Archive color palette (#E7FBEF, #00AFD4, #0096C9, #6B4AA0, #021B0F)
• Mallow Boulevard color palette (#F5F8E3, #A9DBA4, #ED9ECB, #CE89B0, #383932)

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