Teal Coast color palette — #EFF7F9 · #D5DAE1 · #C8C0C9 · #3FB1AF · #364245

Turquoise and Charcoal set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D5DAE1): a clean, paper-quiet neutral.
• Stone (#C8C0C9): a calm mid-gray that lets other colors speak.
• Turquoise (#3FB1AF): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#364245): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Teal 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

• Hushed Abyss color palette (#E6F0F4, #BFD4DE, #8EABBC, #00585F, #000305)
• Weathered Villa color palette (#EAF8FF, #C3D8F4, #C4BFC9, #60C1FF, #133B4F)
• Taupe Atelier color palette (#EAF9F3, #B4E8F0, #86AA7C, #578267, #194038)
• Pewter Atelier color palette (#E3FBFA, #8FD9ED, #4B9ACC, #784E94, #1A3545)
• Iris Pier color palette (#F2F5FB, #DBD9E2, #C1B0AA, #6C84D7, #292E38)
• Driftwood Villa color palette (#EEF6FF, #D9D7E8, #A7B0D3, #A47085, #5F4D62)
• Tempered Turquoise Cabin color palette (#EAF8FF, #25AFD0, #31495B, #0E212A, #020609)
• Weathered Lapis color palette (#F3F5FB, #DDD6E4, #B6B8D4, #5450B1, #070C1B)

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