Worn Petrol Harbor color palette — #D8F5F5 · #258394 · #1D5673 · #33224F · #1E0027

Cerulean and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D8F5F5): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#258394): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#1D5673): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#33224F): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#1E0027): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Worn 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

• Petrol Balcony color palette (#C5E8F1, #1C769B, #234265, #2D1538, #020B00)
• Ancient Lagoon Canyon color palette (#D2F0D8, #32876F, #1A615C, #123457, #0A0D39)
• Chalky Terrace color palette (#CFE7F9, #0074A0, #91008F, #003B54, #130013)
• Tempered Cobalt color palette (#D8E4EF, #5974BE, #4B4583, #492537, #2B000D)
• Cobalt Thicket color palette (#D7E5EF, #0085CC, #004971, #001B2E, #000103)
• Dusty Workshop color palette (#D1E4E2, #5EA7C2, #006083, #003840, #000C17)
• Antique Iris Coast color palette (#DBE2FD, #9485D0, #636184, #5F3337, #2E1529)
• Velvet Cabin color palette (#D2E0F0, #394F98, #373065, #200E29, #0E0002)

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