Teal Coast color palette — #EEF6FF · #9EC6F7 · #A1C197 · #46AF92 · #313E4E

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#9EC6F7): A luminous, balanced blue — the color of open sky before noon.
• Sage (#A1C197): A luminous, dusty green — the color of new leaves after rain.
• Jade (#46AF92): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#313E4E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Station color palette (#F3F4FE, #CDB5F1, #7FC6BD, #42A8C6, #3A3B4E)
• Muted Lagoon color palette (#FFF1F6, #E5BF9C, #A6B075, #3A9B7A, #1D485C)
• Teal Workshop color palette (#E9EEFF, #AB9FF2, #2EB89E, #0094A0, #1E2343)
• Lagoon Parlor color palette (#F8F2FF, #CF97BA, #B69565, #338C6F, #41394C)
• Worn Stone color palette (#F7F4FA, #DED7DB, #E8A7A8, #BAAEAC, #555159)
• Weathered Driftwood color palette (#FFF1F5, #F8C0C2, #D4A090, #8F9149, #554052)
• Hushed Study color palette (#FFF0FA, #FF8F6E, #9CB300, #00A44A, #4B1A0B)
• Antique Fuchsia color palette (#E8DFFF, #F25AE6, #00A8C3, #007CD4, #370534)

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