Teal Coast color palette — #F9F3F7 · #D6D5E5 · #9ACFED · #6AB2A0 · #435469

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D6D5E5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#9ACFED): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#6AB2A0): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#435469): 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

• Dusty Sky Pier color palette (#F5F6EF, #C6E9E5, #79BDD3, #569294, #375145)
• Wandering Powder Corridor color palette (#F8F2FF, #E9D6DD, #BBADDA, #B0B3A7, #524859)
• Patina Boulevard color palette (#FEF1F7, #C6EAFF, #83B9FF, #00A5A8, #363B66)
• Wandering Pewter Lagoon color palette (#F5F1EA, #C9E0DD, #7DA793, #597453, #1D3D34)
• Hushed Ridge color palette (#F7F3FF, #E8B4DE, #8DD195, #64C2B5, #453F50)
• Cobalt Villa color palette (#F1E2EB, #6EAAC0, #007ABF, #005E57, #01002F)
• Patina Stone color palette (#FDF1F8, #F1CFDB, #E2A58D, #A189A1, #3D4C40)
• Frosted Azure Lagoon color palette (#F2E7EF, #89CDD7, #00A0D1, #008065, #00203F)

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