Teal Coast color palette — #EAF9F5 · #AAF6F1 · #00A6AC · #006C5B · #002328
A conversation between Turquoise and Pine, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#EAF9F5): a clean, paper-quiet neutral.
- Sea Foam (#AAF6F1): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#00A6AC): A luminous, balanced teal — the color of glacier melt.
- Pine (#006C5B): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002328): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Hushed Turquoise color palette (#DBF1ED, #5DB1BC, #005F70, #002B2B, #000102)
- Wandering Azure color palette (#E4FBF9, #D1DCF9, #4B98D9, #006681, #001D42)
- Cerulean Boulevard color palette (#E4FBF7, #89DAEB, #0088A5, #005153, #000F17)
- Aged Turquoise color palette (#E5F3E8, #A9DDEA, #07BAC8, #22936D, #003441)
- Washed Alley color palette (#EEE8E0, #A3BB9F, #007984, #004E36, #001921)
- Muted Forest color palette (#F2ECF3, #86BBC9, #00748E, #005413, #062F52)
- Faded Magenta color palette (#F0F5FF, #588BFF, #BD4EB6, #007A7E, #000B25)
- Patina Emerald color palette (#EEF6FF, #66AEFF, #00AE62, #1264B2, #001F0D)
Browse the whole catalog at Explore, or see today's palette.