Sunlit Harbor color palette — #FEF0FB · #B1E4F8 · #00A8E9 · #008757 · #2A3E69
A conversation between Cornflower and Fern, giving this palette its sense of nature and growth.
The five colors
- Blush (#FEF0FB): A whisper-light, dusty pink — the color of neon signs at night.
- Powder Blue (#B1E4F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#00A8E9): A luminous, balanced blue — the color of deep harbor water.
- Fern (#008757): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2A3E69): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
Use it as a design system
One click turns Sunlit 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
- Muted Lantern color palette (#F9F3FA, #CCE0F3, #72AFC4, #568958, #2F4A65)
- Worn Alley color palette (#FFF1F6, #B8E1FF, #7B97EB, #008380, #453565)
- Azure Archive color palette (#FFF0FA, #7DDBEF, #0095DF, #007555, #1D2971)
- Sky Studio color palette (#ECF9EE, #AEF2FC, #20C9F7, #00A797, #004566)
- Timeworn Ultramarine Drift color palette (#F3E5EB, #599BBF, #2051B1, #003C37, #0C0026)
- Softworn Indigo Boulevard color palette (#FBE8EF, #8DB7D5, #506CCD, #005958, #260E48)
- Muted Petrol Thicket color palette (#F7E9F6, #6CAEB6, #006F99, #004D2C, #000D3C)
- Softworn Field color palette (#D6FFF8, #B1E6F7, #A8CDFF, #979141, #004D3C)
Browse the whole catalog at Explore, or see today's palette.