Teal Harbor color palette — #EDF8F6 · #AEDBD9 · #68AC8C · #61848A · #3B5251
A conversation between Jade and Silver, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#EDF8F6): bright and airy, almost weightless.
- Silver (#AEDBD9): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#68AC8C): A luminous, balanced teal — the color of shallow lagoons.
- Storm Blue (#61848A): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3B5251): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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
- Hushed Parlor color palette (#ECF8F3, #96CEC5, #5A8E78, #506A76, #3B534F)
- Tempered Archive color palette (#F6F6EE, #DCE2C0, #ACBD95, #8AA18A, #4B5301)
- Faded Dune color palette (#CEF4F4, #40C4A3, #008A7D, #06618E, #00372B)
- Pine Cabin color palette (#D1E6E0, #6BA35F, #007433, #004F57, #092104)
- Wandering Blush color palette (#F3F4FF, #B9A3E9, #E0859C, #649AB7, #3F4152)
- Lagoon Basin color palette (#D4F1EF, #2E8764, #005241, #003331, #000804)
- Ancient Olive color palette (#D5EBE0, #9EAD69, #598018, #00635B, #003125)
- Aged Ash color palette (#F2F4FF, #DDD7E1, #C6AE9E, #999FC8, #4B4D5B)
Browse the whole catalog at Explore, or see today's palette.