Tempered Coast color palette — #C9F1F6 · #CBB100 · #FF54D6 · #4B123E · #1D132A

A conversation between Bubblegum and Gold, giving this palette its sense of nature and growth.

The five colors

• Frost (#C9F1F6): A whisper-light, dusty blue — the color of deep harbor water.
• Gold (#CBB100): A luminous, balanced green — the color of fresh herbs.
• Bubblegum (#FF54D6): A luminous, vivid pink — the color of a candy shop window.
• Royal Purple (#4B123E): A deep, shadowed, balanced pink — the color of peonies in June.
• Deep Indigo (#1D132A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Peony Study color palette (#DBF0F2, #B1BC00, #EF5698, #4F1B31, #1A0C20)
• Hazy Corridor color palette (#D6E5F3, #C1CC00, #FF8C9D, #59282F, #251B25)
• Quiet Wisteria color palette (#D7F1E8, #FF9048, #C47FFF, #371C4E, #151427)
• Blush Canyon color palette (#EAEEDD, #FFBB89, #FF95BA, #330319, #0D0000)
• Pale Clover color palette (#DAEDFF, #00CD5A, #FF6364, #361C34, #180F17)
• Magenta Terrace color palette (#D5F6E0, #00D7E7, #DD45CD, #592E53, #2A0C11)
• Washed Sunflower color palette (#C2ECFF, #FDD259, #FFAED4, #4F4557, #312E33)
• Powdered Bloom color palette (#E9E0F3, #D6A200, #A00072, #55003B, #15081F)

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