Teal Coast color palette — #D7FEFF · #94EFD6 · #00B3B2 · #00798B · #154A62
Turquoise and Sea Foam set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#D7FEFF): A whisper-light, dusty teal — the color of sea glass.
- Sea Foam (#94EFD6): A whisper-light, balanced teal — the color of glacier melt.
- Turquoise (#00B3B2): A luminous, balanced teal — the color of sea glass.
- Teal (#00798B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#154A62): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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 Teal Veranda color palette (#B2F4E9, #00C4BC, #008687, #005F67, #042D3C)
- Antique Study color palette (#EBFDD2, #B3E9B7, #54C291, #00877A, #00464A)
- Hazy Hollow color palette (#D4FFFD, #8CE2F0, #25ADE4, #0E7BC0, #28395B)
- Aged Lagoon Loft color palette (#D2EEE3, #00938F, #005962, #002634, #000307)
- Dusty Turquoise color palette (#D6F2CD, #6FE1D9, #00C4CA, #009BA7, #2E513A)
- Timeworn Coast color palette (#E8F8FF, #D8DBE6, #B4AAA3, #58B297, #2B4A5A)
- Petrol Atelier color palette (#CBE8EB, #007692, #004264, #00103B, #01000A)
- Gentle Lagoon color palette (#E6F9FF, #8DE6EA, #F6A38A, #009DA3, #5B2617)
Browse the whole catalog at Explore, or see today's palette.