Soft Harbor color palette — #FFF0FC · #485CB8 · #005E22 · #004843 · #002336
Cobalt takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Cobalt (#485CB8): A full-bodied, balanced violet — the color of wild irises.
- Pine (#005E22): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004843): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002336): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged jewel, 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
- Soft Amethyst Lantern color palette (#FFF0F7, #794ED0, #006654, #004350, #11244B)
- Weathered Nightshade Lantern color palette (#FBE3F1, #543CA0, #004C39, #002C31, #00142D)
- Hushed Petrol color palette (#DFFEF0, #007CA5, #505200, #004923, #002B2D)
- Dusty Navy color palette (#FFF1F4, #906497, #00666A, #00426B, #351F2C)
- Sunlit Studio color palette (#FBF1FF, #ED518D, #796E00, #006272, #33152C)
- Weathered Drift color palette (#FFEFEF, #A60884, #004D5F, #002861, #250439)
- Washed Bronze color palette (#FFF3E6, #AD6E00, #516200, #004C3B, #003645)
- Airy Plum color palette (#FFEDE9, #D00051, #695700, #00464D, #180219)
Browse the whole catalog at Explore, or see today's palette.