Teal Coast color palette — #F0F8ED · #4CAA9E · #437796 · #64511D · #2E4B2A

Turquoise takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Turquoise (#4CAA9E): A luminous, balanced teal — the color of sea glass.
• Slate (#437796): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#64511D): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#2E4B2A): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Antique Turquoise color palette (#E9FAF2, #5CA1C3, #656C9D, #69436C, #38482A)
• Dusty Ash Field color palette (#F4F6EF, #C9E3E3, #75A594, #527962, #2C5349)
• Timeworn Veranda color palette (#DDFFE8, #7AC4DB, #448EAC, #266886, #2F5348)
• Patina Denim color palette (#F1F8EB, #64A793, #357B8E, #3D5280, #593742)
• Lagoon Parlor color palette (#EAF5EB, #278D91, #304136, #212C22, #101714)
• Worn Chestnut Coast color palette (#EDF8F5, #9CBC8C, #708BC5, #985344, #434617)
• Aged Courtyard color palette (#F2F3EA, #8AA67C, #4975A0, #7B2F3C, #182E0C)
• Weathered Cocoa color palette (#E1FDEC, #BBD2C8, #9E889F, #856B71, #7D3F24)

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