Tempered Coast color palette — #EDF6FF · #DFD6F2 · #B8A5F6 · #91669A · #564C66

Lavender and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Thistle (#DFD6F2): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#B8A5F6): A luminous, balanced violet — the color of a velvet chair.
• Slate (#91669A): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal Brown (#564C66): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged light, muted.

Use it as a design system

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

• Wandering Station color palette (#F5F3FF, #E7D7DF, #C39DDF, #785888, #2B2543)
• Weathered Driftwood color palette (#FEE6FF, #AEBAED, #8775B0, #735989, #684347)
• Weathered Mallow Garden color palette (#F3F4FF, #F6D3E3, #F398D1, #AD6775, #634A5D)
• Washed Periwinkle Basin color palette (#E7F9FF, #C5DFFD, #6EB2F2, #6E83B7, #4C4F68)
• Chartreuse Quarry color palette (#F3F4FF, #ECD2EA, #B9DA83, #9F8ECA, #2A4E45)
• Sunlit Peony color palette (#F5F4FF, #E3B2FF, #D151B3, #912D51, #50241B)
• Sunlit Blush color palette (#F3F4FF, #FFC1EF, #F87B9F, #A45148, #4F3041)
• Gentle Magenta Pier color palette (#F1F5FF, #C9BDFF, #C758FF, #9F2480, #5A1E2A)

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