Teal Coast color palette — #EAF9F2 · #BFE0B9 · #81BAA2 · #8F8DA6 · #2E4844

A conversation between Mint Leaf and Celadon Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAF9F2): bright and airy, almost weightless.
• Celadon Mist (#BFE0B9): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#81BAA2): A luminous, dusty teal — the color of shallow lagoons.
• Heather (#8F8DA6): A luminous, dusty violet — the color of wild irises.
• Charcoal (#2E4844): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Soft Chartreuse Canyon color palette (#E5FCEC, #BEDD77, #69BA79, #927CB2, #114438)
• Hushed Teal Market color palette (#FBF4E8, #CDE5C5, #6CAE92, #8D6D6C, #393932)
• Powder Alley color palette (#FBF2F7, #D4E0F8, #89C4F7, #60A7A0, #384863)
• Worn Fern color palette (#F4F7EA, #9AD4AE, #639D85, #5D796A, #3B4900)
• Frosted Blush Pier color palette (#F8F2FF, #FFAFDB, #69D4BC, #D180AE, #1A4A50)
• Soft Jade color palette (#D0EDDD, #99CB78, #39A875, #846991, #03302A)
• Jade Ridge color palette (#F9F2FF, #FFBEDF, #59B6B6, #3AB884, #3D3346)
• Timeworn Sand color palette (#F9F2FF, #EFE6AD, #EAD6DA, #C1AAD8, #4E4352)

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