Tempered Coast color palette — #EBF9F5 · #B9E8E7 · #8AC0C9 · #86A199 · #3B5251

Ash and Sea Foam set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EBF9F5): bright and airy, almost weightless.
• Sea Foam (#B9E8E7): A whisper-light, dusty teal — the color of sea glass.
• Ash (#8AC0C9): A luminous, dusty blue — the color of deep harbor water.
• Blue Fog (#86A199): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#3B5251): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, 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

• Patina Teal Boulevard color palette (#FAF3F8, #D6D5E5, #9FCEEA, #6DB1A1, #435469)
• Ancient Cerulean color palette (#EBF7FF, #B8E7FF, #82C1DC, #5A96B2, #163950)
• Ancient Stone Studio color palette (#EAF8FF, #8AD4E8, #F1A99B, #B8A777, #314650)
• Turquoise Bloom color palette (#E9F8FF, #90E4F4, #F4B794, #49BACD, #644153)
• Taupe Thicket color palette (#E9FAEF, #C1D1A4, #7FAD88, #598D9B, #123E33)
• Dusty Olive Summit color palette (#F5F6ED, #CCD6B6, #92A27E, #7B843D, #45550C)
• Weathered Veranda color palette (#DCEEE8, #60AA7E, #008275, #005E7D, #001408)
• Aged Boulevard color palette (#F3F2E8, #BFC8AA, #539085, #6B6315, #2B3600)

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