Cerulean Harbor color palette — #F7F1E7 · #8AD6DC · #008AA4 · #005D4E · #00281B
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F7F1E7): a clean, paper-quiet neutral.
- Ice Blue (#8AD6DC): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#008AA4): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005D4E): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#00281B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean 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
- Linen Cobalt Harbor color palette (#FBF0DF, #76E0FF, #008EC3, #006261, #002646)
- Cerulean Ridge color palette (#E8DCCA, #008897, #004254, #00201C, #000103)
- Hushed Petrol color palette (#EFE8DE, #7EBDDC, #0070B2, #004A51, #001239)
- Wandering Turquoise color palette (#EEF8F6, #B5DCEA, #3FA5B6, #007D76, #004251)
- Cerulean Basin color palette (#F0E6D7, #1295CD, #004B84, #002B31, #00001F)
- Powdered Rose color palette (#FFE2D6, #EA5A54, #008C98, #8B3531, #002125)
- Worn Grove color palette (#F8E2D7, #DB3511, #008445, #4553A1, #240C02)
- Ancient Chestnut color palette (#E9DFCC, #9C9D5F, #766315, #513912, #1C1801)
Browse the whole catalog at Explore, or see today's palette.