Soft Harbor color palette — #DAFFF0 · #17B3F6 · #EE549C · #7C8600 · #002218
A conversation between Hot Pink and Cornflower, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DAFFF0): A whisper-light, dusty teal — the color of glacier melt.
- Cornflower (#17B3F6): A luminous, balanced blue — the color of open sky before noon.
- Hot Pink (#EE549C): A luminous, vivid rose — the color of strawberry cream.
- Olive Leaf (#7C8600): A full-bodied, balanced green — the color of fresh herbs.
- Onyx (#002218): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, Energy. Tagged vibrant, 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
- Tempered Rose color palette (#FEF0FF, #5DA9FF, #F25974, #5D8E33, #28112A)
- Magenta Harbor color palette (#E4FDE8, #00BCC8, #CA67D7, #A17600, #09210F)
- Airy Blush Alley color palette (#FFEFFF, #8EBDFF, #FE7B85, #6EA258, #352436)
- Ember Meadow color palette (#FFF0F9, #9A98FF, #F16317, #29936A, #2C0F22)
- Amber Ridge color palette (#C4ECFF, #6CD2FF, #C0A344, #CC7817, #103326)
- Bronze Balcony color palette (#FFF0FA, #99A5FF, #AE6700, #526A19, #220C1C)
- Magenta Lantern color palette (#FFF1F3, #CC59DB, #A67A00, #007A82, #19011D)
- Hazy Wisteria Boulevard color palette (#FFF1F5, #D489FF, #D68C00, #009A96, #2D143B)
Browse the whole catalog at Explore, or see today's palette.