Soft Petrol Harbor color palette — #C7E7EE · #007CA1 · #00486B · #002246 · #020030

Cerulean takes the lead with Ink close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#C7E7EE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007CA1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00486B): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002246): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020030): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Soft Petrol 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 Cabin color palette (#CFF6EF, #007674, #004C55, #002A35, #000D17)
• Airy Loft color palette (#CDE6F5, #0072B5, #00468E, #130076, #080028)
• Feathered Petrol color palette (#CDE6FF, #006DB3, #804800, #003A63, #0D0400)
• Aged Violet Boulevard color palette (#D9EBFF, #969EE8, #9B62C8, #005270, #040627)
• Powdered Nightshade color palette (#E4EBF8, #3C77E4, #003AAC, #00193F, #000208)
• Sunlit Nightshade color palette (#E3F2FF, #1861DC, #3500D3, #240066, #12002B)
• Powdered Sapphire Veranda color palette (#E2F1FB, #2A9BF6, #0568F2, #3D39AD, #2A204E)
• Mulberry Alley color palette (#D7E9FF, #0057A7, #920030, #244800, #000207)

Browse the whole catalog at Explore, or see today's palette.