Teal Coast color palette — #FAF2F8 · #CDE6FF · #86C9DC · #65A984 · #2D4B62

A conversation between Jade and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Frost (#CDE6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#86C9DC): A luminous, dusty blue — the color of open sky before noon.
• Jade (#65A984): A luminous, balanced teal — the color of glacier melt.
• Navy (#2D4B62): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Muted Ash Loft color palette (#FBF2F7, #D8D4E3, #BABDE4, #71AFAC, #485366)
• Chalky Emerald Basin color palette (#FFF0F9, #A4F6F1, #50C9E0, #1AAB64, #004563)
• Taupe Station color palette (#E4FCEF, #AEDCCF, #8AB9A1, #719274, #1E4542)
• Pale Mallow color palette (#F5F3FF, #E3A2F0, #92C674, #47B4AC, #38344C)
• Sky Quarry color palette (#FFF0FA, #97E8FE, #36B6FD, #009987, #052D70)
• Cobalt Villa color palette (#EEE0E5, #6BA8D1, #4873BC, #005C62, #080029)
• Tempered Cerulean color palette (#EADFE7, #63C0CC, #0090BA, #007056, #00142A)
• Cerulean Harbor color palette (#F9F0EB, #CDE4CD, #359CB4, #1F6E4A, #0B3429)

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