Petrol Harbor color palette — #EBF8F8 · #DADDE8 · #78ABDB · #247996 · #182F4C
A conversation between Slate and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF8F8): bright and airy, almost weightless.
- Silver (#DADDE8): a clean, paper-quiet neutral.
- Cornflower (#78ABDB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#247996): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#182F4C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Muted Pier color palette (#ECF8F5, #C4DBF5, #53B8BB, #2F7E6D, #0C3340)
- Washed Aqua color palette (#E0F3F0, #57C9DC, #00738B, #003E3F, #000305)
- Hushed Cerulean Grove color palette (#EDF9EF, #C4E5FF, #80B5F4, #009DB4, #2C395C)
- Worn Denim color palette (#DDF0EF, #6CA8DA, #00549F, #00293A, #000108)
- Softworn Periwinkle color palette (#EEF6FF, #60A9FF, #BA78CA, #0F9189, #091C31)
- Wandering Cerulean color palette (#E7F9FF, #68D5FF, #0093CB, #006293, #052D4D)
- Soft Lagoon color palette (#EDF6FF, #80C7FF, #E67CC1, #217CBA, #401532)
- Timeworn Boulevard color palette (#EEF6FF, #DCD8E3, #BAADA6, #72A2C6, #203047)
Browse the whole catalog at Explore, or see today's palette.