Teal Harbor color palette — #EDF5E9 · #56A693 · #97749E · #854B4A · #1E2618
A conversation between Turquoise and Coffee, giving this palette its sense of creativity and sophistication.
The five colors
- Cream (#EDF5E9): a clean, paper-quiet neutral.
- Turquoise (#56A693): A luminous, balanced teal — the color of sea glass.
- Heather (#97749E): A luminous, dusty pink — the color of neon signs at night.
- Coffee (#854B4A): A full-bodied, dusty orange — the color of autumn markets.
- Onyx (#1E2618): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Creativity, Sophistication. Tagged muted.
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
- Tempered Driftwood Hollow color palette (#E9F5EF, #5D9FB8, #AC6E79, #765925, #12281E)
- Weathered Lagoon Lantern color palette (#EBF5EA, #439693, #7E5678, #724430, #191908)
- Timeworn Atelier color palette (#FBF0DF, #66BAC9, #5A7B9F, #714443, #1A3227)
- Softworn Courtyard color palette (#ECF7FF, #6398B1, #7C739F, #884A50, #2E404B)
- Weathered Atelier color palette (#E7F9FC, #78BAA9, #B48CB2, #AE615B, #284245)
- Cypress Pier color palette (#EFF3ED, #98D0C7, #4D89B3, #1C8376, #071A14)
- Feathered Basin color palette (#D9FDDC, #91CEDC, #508EB2, #375984, #1C225B)
- Ancient Market color palette (#DAEEDF, #00727F, #892F5A, #522A00, #000B03)
Browse the whole catalog at Explore, or see today's palette.