Teal Coast color palette — #F9F3F7 · #D6D4E2 · #9CD4F7 · #4FA392 · #3C4F66

A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D6D4E2): bright and airy, almost weightless.
• Sky (#9CD4F7): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#4FA392): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#3C4F66): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Washed Summit color palette (#EAF4F3, #CFDCF1, #6CA6BC, #487280, #223949)
• Hushed Thicket color palette (#FCF3EF, #C8EBE7, #73A0BB, #627558, #5D4C5D)
• Patina Balcony color palette (#E9F8FF, #C3E4FF, #FABC95, #2CABC2, #603D26)
• Muted Chapel color palette (#DCFDFF, #A9F1ED, #64C6D7, #2392B8, #324E69)
• Aged Seafoam Balcony color palette (#EBF7FF, #D9DAE4, #85CFC4, #B8ADA8, #3F5160)
• Softworn Cobalt color palette (#FDF1FA, #98D8E4, #0085B4, #005343, #000C21)
• Washed Canyon color palette (#EEF9EE, #C1E4E0, #C5A983, #936D81, #2D453D)
• Denim Corridor color palette (#F7EDF2, #76ABC1, #005794, #002B29, #00000B)

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