Petrol Harbor color palette — #D3F2F0 · #57A2B0 · #007DA4 · #504775 · #331844
Cerulean and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D3F2F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#57A2B0): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007DA4): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#504775): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Indigo (#331844): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns 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
- Navy Studio color palette (#CEE5D8, #45A390, #008286, #264679, #23254A)
- Sunlit Summit color palette (#C6EDF4, #4B91AD, #23659E, #49265D, #251A39)
- Linen Byzantium Study color palette (#C7E9FD, #0094BB, #B400D2, #005C75, #2E0038)
- Softworn Cerulean Bloom color palette (#D8EAE0, #74AFAE, #4B8EA7, #78536C, #3F181A)
- Worn Cobalt color palette (#E3F2FF, #829AC1, #696AB1, #673854, #491C2B)
- Faded Meadow color palette (#CEE5EC, #77B1D7, #528ED5, #6F4B7B, #552A4A)
- Tempered Denim color palette (#DDEFDA, #449082, #005E7B, #4A2C43, #4C1D12)
- Weathered Petrol color palette (#D5E8E4, #7DBEC6, #008398, #005958, #00242F)
Browse the whole catalog at Explore, or see today's palette.