Soft Harbor color palette — #FDF1FD · #B7D7FF · #6CD39D · #458BDE · #014429
A conversation between Azure and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1FD): A whisper-light, dusty pink — the color of a candy shop window.
- Powder Blue (#B7D7FF): A whisper-light, dusty blue — the color of deep harbor water.
- Mint Leaf (#6CD39D): A luminous, balanced teal — the color of shallow lagoons.
- Azure (#458BDE): A luminous, balanced blue — the color of deep harbor water.
- Forest (#014429): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged light.
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
- Weathered Study color palette (#FCF2F7, #EAD4ED, #78E0DF, #9A8DDA, #344E35)
- Iris Boulevard color palette (#FEF0FD, #B0CDFF, #DDCA5D, #6292E8, #45423B)
- Misty Drift color palette (#FFF1F5, #E8C4FF, #54CDE7, #AC65D5, #00404C)
- Softworn Periwinkle color palette (#EFF6FF, #719BFC, #349E7C, #4863A2, #174B4E)
- Hazy Cornflower color palette (#FEF0FF, #B6D8FF, #F29CC6, #148BF4, #52283E)
- Worn Balcony color palette (#FFF0FA, #E6D6D6, #CABEB9, #89AAED, #563E4B)
- Weathered Archive color palette (#FFF0FD, #9EBAF4, #D290CB, #00A6AB, #372335)
- Hushed Amethyst color palette (#FFF0F9, #A8A7FF, #00B1A8, #6530FF, #002422)
Browse the whole catalog at Explore, or see today's palette.