Soft Harbor color palette — #CCE6D3 · #00AE8C · #007B7C · #00495C · #001C3A
Built around Turquoise, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Celadon Mist (#CCE6D3): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#00AE8C): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007B7C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#00495C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001C3A): 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 Soft 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
- Emerald Orchard color palette (#E7E9DA, #5BA65E, #007756, #004B49, #00262C)
- Teal Ridge color palette (#D6F9EC, #00B09F, #00797C, #005560, #1B3657)
- Antique Grove color palette (#DBF7F0, #00A9B7, #00709B, #0E4288, #19173D)
- Misty Seafoam color palette (#DAFFF0, #37DAC9, #00A2A5, #006D7A, #003443)
- Teal Canyon color palette (#D2E6C6, #32B8B4, #008BA9, #004F7A, #3E2139)
- Hushed Turquoise color palette (#D4F4FF, #1EB3D7, #006F85, #003B48, #000F15)
- Crimson Harbor color palette (#D8F0E1, #00A2BF, #D13D5D, #005F71, #380512)
- Softworn Corridor color palette (#CBF1EE, #009FB8, #005E93, #1D00AF, #26024F)
Browse the whole catalog at Explore, or see today's palette.