Quiet Harbor color palette — #EEF8F0 · #D8DDFB · #8BB7FF · #00A1C2 · #333A6D
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Thistle (#D8DDFB): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sky (#8BB7FF): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00A1C2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#333A6D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet 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 Turquoise Quarry color palette (#EEF6FF, #E2D6E8, #F5B2B4, #45B2E3, #37466E)
- Dusty Workshop color palette (#EDF9EF, #C1E7F6, #6ABFDB, #339F90, #1D3E55)
- Worn Periwinkle color palette (#FEF3E8, #C7E6FA, #94A8FF, #00878A, #3E285A)
- Sunlit Cornflower Lagoon color palette (#CFF2FB, #5ACBFF, #2FACFD, #2781E0, #263C7D)
- Powdered Moss Bloom color palette (#DFEDFF, #81B7FF, #FF7B88, #69B23F, #163153)
- Hushed Veranda color palette (#E3F0E5, #9AC7DF, #009ED7, #007D7B, #00213C)
- Washed Sapphire Alley color palette (#F0F5FF, #B5D1FF, #72A6FF, #3271D3, #001962)
- Aged Petrol color palette (#E6F3E8, #5FAEBF, #0080A6, #005E58, #000A16)
Browse the whole catalog at Explore, or see today's palette.