Tempered Coast color palette — #ECE1F7 · #C1B5FF · #FF73B3 · #C88300 · #34050E
Built around Bubblegum, softened by Mustard — the whole palette hums with optimism and creativity.
The five colors
- Frost (#ECE1F7): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender (#C1B5FF): A luminous, balanced violet — the color of twilight just after sunset.
- Bubblegum (#FF73B3): A luminous, vivid rose — the color of strawberry cream.
- Mustard (#C88300): A luminous, balanced gold — the color of honey in a jar.
- Ink (#34050E): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Optimism, Creativity, Balance. Tagged candy, vibrant, light.
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
- Washed Fuchsia Meadow color palette (#F1EAFB, #AFBDFF, #F477EA, #E26800, #2A0210)
- Aged Coral Harbor color palette (#FBE5FC, #C79CFF, #FF686D, #A58200, #1E0800)
- Powdered Apricot color palette (#F7E7F1, #FF96E5, #FF8455, #8F9900, #291300)
- Blush Thicket color palette (#E7DAF4, #E4819E, #A67D3E, #296D76, #05313F)
- Linen Fuchsia color palette (#F0D9D6, #F37DFF, #EE519A, #CA5036, #300011)
- Weathered Rose color palette (#E4E4FF, #7DC9FF, #C78BFF, #F14F5C, #28021E)
- Airy Lime Study color palette (#FFF2EF, #FCC2FF, #FFA8A7, #ABB700, #441D00)
- Fuchsia Station color palette (#F9E5EF, #FF60D3, #DF6200, #4D8700, #040200)
Browse the whole catalog at Explore, or see today's palette.