Soft Harbor color palette — #CCE8EB · #00937B · #BF2F72 · #006352 · #120006
A conversation between Magenta Rose and Fern, giving this palette its sense of balance.
The five colors
- Frost (#CCE8EB): A whisper-light, dusty blue — the color of open sky before noon.
- Fern (#00937B): A full-bodied, balanced teal — the color of shallow lagoons.
- Magenta Rose (#BF2F72): A full-bodied, vivid rose — the color of strawberry cream.
- Pine (#006352): A full-bodied, balanced teal — the color of sea glass.
- Ink (#120006): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Balance. Tagged warm.
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
- Faded Mulberry Study color palette (#D5F2F2, #2CAA6F, #9C1D86, #00653D, #11000D)
- Timeworn Cabin color palette (#D6F6FA, #007B68, #A0005D, #004237, #120006)
- Aged Scarlet color palette (#DAF4FF, #008E9E, #CD2604, #00606A, #130100)
- Weathered Magenta Lagoon color palette (#E8DCD1, #C61FD1, #008698, #00171B, #000204)
- Washed Grape color palette (#CCE8E3, #008174, #832AD0, #804900, #000202)
- Muted Grape Chapel color palette (#D6F9EF, #75A126, #851CBB, #415F00, #0C0016)
- Washed Ember Field color palette (#D2EDFC, #00ADD2, #EF5300, #007D98, #340B00)
- Washed Pine color palette (#CCF0F6, #75ACCC, #798AD5, #007A4F, #001212)
Browse the whole catalog at Explore, or see today's palette.