Tempered Coast color palette — #E1FCF3 · #71B9F1 · #B595CF · #64A092 · #304841

Sky takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E1FCF3): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#71B9F1): A luminous, balanced blue — the color of deep harbor water.
• Mauve (#B595CF): A luminous, balanced violet — the color of wild irises.
• Eucalyptus (#64A092): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#304841): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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

• Teal Study color palette (#E9FBE7, #0DCBC5, #83A7D9, #879B66, #394737)
• Softworn Market color palette (#FFF0FB, #99ABFF, #CE8CB8, #51A0AB, #4D3C49)
• Periwinkle Balcony color palette (#D8FFF4, #AED9FF, #6EA2CE, #446987, #18443A)
• Hushed Workshop color palette (#E4FBF3, #61A0C8, #B37489, #727D42, #2F4940)
• Tempered Ash Workshop color palette (#E4FBF4, #EED8D4, #B0A498, #769D9E, #415751)
• Muted Studio color palette (#EDF7FF, #9BCFF1, #EFA5BD, #A8B95C, #324553)
• Softworn Wisteria color palette (#FFF1F5, #C581F6, #D67981, #5C8CB2, #473138)
• Linen Magenta color palette (#E2EBFF, #6A96FF, #D058C5, #008F94, #202F51)

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