Sunlit Harbor color palette — #E8F5F4 · #AED4F8 · #3E84D8 · #005D80 · #061F58
Azure and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E8F5F4): a clean, paper-quiet neutral.
- Powder Blue (#AED4F8): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#3E84D8): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#005D80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#061F58): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Washed Cerulean color palette (#EBF4F3, #CFD7EB, #5095C2, #006A7E, #0C2E4A)
- Chalky Cornflower color palette (#FDF3EA, #A3D4FF, #5577DF, #006571, #3F366A)
- Dusty Denim color palette (#D7EBEA, #638FB0, #004B83, #002938, #000412)
- Quiet Periwinkle Parlor color palette (#F3F7EE, #BDDFFF, #549DF7, #007CA9, #2B3F66)
- Worn Cypress color palette (#E5F6F2, #8AC9C5, #008286, #005346, #001F23)
- Scarlet Corridor color palette (#F8D8FE, #AD5DBD, #D71A21, #005FBA, #2A0231)
- Muted Violet Villa color palette (#F2F0FF, #F9D0D7, #EEA0C4, #9259BF, #341A35)
- Linen Atelier color palette (#ECE9FF, #A484EB, #8B3BCB, #6A0096, #3B084A)
Browse the whole catalog at Explore, or see today's palette.