Tempered Coast color palette — #DFF3E3 · #C9C3FF · #A87FEB · #312027 · #170E12
Built around Wisteria, softened by Lavender — the whole palette hums with creativity and sophistication.
The five colors
- Honeydew (#DFF3E3): A whisper-light, dusty teal — the color of glacier melt.
- Lavender (#C9C3FF): A whisper-light, balanced violet — the color of twilight just after sunset.
- Wisteria (#A87FEB): A luminous, balanced violet — the color of a velvet chair.
- Onyx (#312027): A deep, shadowed, dusty rose — the color of a warm blush.
- Ink (#170E12): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged neon, dark, vibrant, 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
- Weathered Terrace color palette (#E1F5E9, #5CDFFE, #B07BEB, #331D26, #170D11)
- Washed Periwinkle color palette (#EAE4CC, #95D4FF, #589CEB, #2E222F, #191319)
- Airy Mint Harbor color palette (#E9EFFF, #00DD95, #9F9FFF, #331E2B, #160C12)
- Wisteria Corridor color palette (#D2EAFF, #D997FF, #BE7100, #251605, #0F0701)
- Tempered Blush Pier color palette (#D8F3F1, #ACCEFF, #EA6590, #35211D, #160F0E)
- Timeworn Rose Harbor color palette (#BDE8F0, #FF98D5, #E95060, #361114, #170502)
- Seafoam Studio color palette (#3CFDF7, #FEC7FC, #EA80B2, #412E2D, #211B1A)
- Ember Workshop color palette (#E8DBF4, #00A5C9, #D55D00, #200C00, #0A0200)
Browse the whole catalog at Explore, or see today's palette.