Teal Coast color palette — #EEF7F7 · #C5E9CC · #78AD8A · #4B7674 · #212E2E

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

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Celadon Mist (#C5E9CC): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#78AD8A): A luminous, dusty teal — the color of sea glass.
• Teal (#4B7674): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#212E2E): quiet, heavy and certain.

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

• Timeworn Turquoise color palette (#EAF7FF, #EAD2A2, #59A0B7, #2A6C80, #10242F)
• Lagoon Meadow color palette (#F2F7EF, #D8D6CB, #47977F, #3D4C30, #191D16)
• Ancient Marigold color palette (#D2EFFB, #CB9E31, #007584, #00414A, #000305)
• Aqua Boulevard color palette (#EFF7F9, #D6DAE0, #78C5C0, #B2AFBA, #485558)
• Dusty Ridge color palette (#F0F3EA, #DDBF81, #596925, #2C3600, #13150C)
• Antique Workshop color palette (#ECF9EF, #A5DAEA, #7EB6D9, #B47884, #2E4C5A)
• Wandering Bronze color palette (#D8F0F1, #A58128, #00573E, #001B11, #000202)
• Worn Amber Villa color palette (#E9F9FA, #8BCBB9, #B993CB, #C17564, #213E35)

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