Petrol Harbor color palette — #EDE8E0 · #92BEB0 · #356BB1 · #004957 · #090D3E
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EDE8E0): bright and airy, almost weightless.
- Ash (#92BEB0): A luminous, dusty teal — the color of glacier melt.
- Slate (#356BB1): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#090D3E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Petrol Workshop color palette (#F0E8DC, #9FBCA2, #00788B, #004D3E, #001924)
- Tempered Cabin color palette (#F7EBEF, #81B9DF, #4360BE, #00504E, #322351)
- Cerulean Orchard color palette (#D3E4E8, #0091B6, #006493, #002F5D, #000746)
- Patina Cerulean Bloom color palette (#F9F1E4, #97DDE9, #0090B5, #00635A, #00283E)
- Soft Lilac color palette (#D9F4ED, #B8C4F8, #B486D6, #005F81, #2C122A)
- Worn Denim Harbor color palette (#EFE8DD, #699580, #004E76, #002B2D, #000410)
- Mulberry Chapel color palette (#EDDDEF, #146CBD, #AA1A43, #335800, #000B1D)
- Chalky Loft color palette (#D9EEE7, #3485C3, #975B00, #004A78, #1E0E00)
Browse the whole catalog at Explore, or see today's palette.