Teal Coast color palette — #F5F6EF · #CEE3DC · #98D3D5 · #66B3A1 · #35523D
A conversation between Turquoise and Ice Blue, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Silver (#CEE3DC): A whisper-light, dusty teal — the color of glacier melt.
- Ice Blue (#98D3D5): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#66B3A1): A luminous, balanced teal — the color of shallow lagoons.
- Deep Olive (#35523D): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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
- Weathered Garden color palette (#F4F6F0, #C8E8EA, #A8CBEC, #6BACC6, #5F4B5F)
- Weathered Ash Garden color palette (#EAF4F2, #C7E1F8, #68A9AC, #42747B, #223A43)
- Ancient Marigold color palette (#F5F8E2, #ABD4A5, #72CEDB, #D0A76C, #42433C)
- Cerulean Station color palette (#E6E7DB, #76BDC7, #0092AB, #006D6B, #00171F)
- Washed Dune color palette (#F2F9DC, #C1EBCB, #96CBA0, #559D66, #1B4026)
- Washed Fern color palette (#F4F7EA, #CFE5D4, #ADCC95, #A8BAD4, #49570F)
- Hazy Veranda color palette (#F5F7EA, #B6F0FD, #13C9F5, #00A5AA, #00465F)
- Dusty Studio color palette (#F6F6E7, #C2E0AE, #FBB2A0, #8AB867, #6A4136)
Browse the whole catalog at Explore, or see today's palette.