Teal Harbor color palette — #E4F3EC · #24AAA2 · #007478 · #004459 · #00253C
Built around Turquoise, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F3EC): a clean, paper-quiet neutral.
- Turquoise (#24AAA2): A luminous, balanced teal — the color of sea glass.
- Teal (#007478): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004459): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#00253C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Teal Harbor 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
- Turquoise Ridge color palette (#D4FFFD, #57D3DB, #00A7B8, #006273, #002E3A)
- Feathered Navy color palette (#C3EFEF, #009FB8, #006D98, #003D7F, #141543)
- Petrol Parlor color palette (#E3F5FF, #5FB9DE, #00769D, #003745, #000F16)
- Chalky Chapel color palette (#ECF5D7, #6CA15E, #007E45, #005142, #002423)
- Frosted Rust Thicket color palette (#DDEEE2, #2CA1B7, #C65041, #00606F, #3C0100)
- Tempered Villa color palette (#E4F8EA, #C0E1FF, #BDACEE, #007A65, #062E20)
- Weathered Pier color palette (#CDF4FC, #0092BB, #0060AB, #0D00B5, #200056)
- Gentle Garden color palette (#DEF0E7, #0088AE, #B34443, #8E4300, #001720)
Browse the whole catalog at Explore, or see today's palette.