Teal Coast color palette — #EFF7F8 · #D6DDE8 · #C2B4C9 · #6CBDAB · #414A4B

Mint Leaf takes the lead with Ash close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D6DDE8): bright and airy, almost weightless.
• Ash (#C2B4C9): A luminous, dusty violet — the color of twilight just after sunset.
• Mint Leaf (#6CBDAB): A luminous, balanced teal — the color of sea glass.
• Charcoal (#414A4B): 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

• Worn Pier color palette (#F2F7F1, #D1DFDC, #AEC8C8, #42A198, #444A42)
• Dusty Parlor color palette (#EFF6FB, #DBD8E7, #C9A9A9, #42B1E5, #31424F)
• Washed Lagoon color palette (#EFF3ED, #CEDAD9, #ADC1C3, #448279, #282E25)
• Turquoise Basin color palette (#D3E9F3, #00BFD9, #5C718D, #3A4D55, #101A1C)
• Softworn Mint Terrace color palette (#FFF1F5, #DBD8A5, #87BD7A, #6C98A6, #34483E)
• Gentle Chapel color palette (#FFF0F9, #72DFBA, #58ACEE, #AE7057, #22424C)
• Worn Petrol Station color palette (#E7F2F8, #9F9FB1, #A27FA1, #006F87, #010B11)
• Weathered Mint color palette (#E7F9FA, #57D8B0, #D87EAD, #AA6C3C, #542C0B)

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