Petrol Harbor color palette — #EBDDE7 · #59C3CE · #0080A4 · #005B44 · #00213C
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Shell Pink (#EBDDE7): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#59C3CE): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B44): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00213C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Cobalt Alley color palette (#F2E4E9, #61BCF0, #3273CE, #00595C, #191746)
- Denim Bloom color palette (#EFE3ED, #5BADB7, #005F84, #004125, #061C48)
- Cerulean Summit color palette (#FCF4E8, #B2D6BA, #0088A5, #005248, #000F19)
- Worn Azure Villa color palette (#E7DCD8, #83CED8, #2A9DD4, #008152, #031752)
- Weathered Cornflower Veranda color palette (#FFF1F6, #90D4FF, #3988FE, #007177, #2C2B5E)
- Turquoise Chapel color palette (#FAF2F8, #C4ECFF, #67AED8, #49887B, #39495E)
- Hushed Magenta Orchard color palette (#F1DDEE, #D72FC9, #00694A, #006A1E, #22031F)
- Hazy Pewter Courtyard color palette (#FCCFF7, #FFACBF, #D79067, #725EA0, #3B1727)
Browse the whole catalog at Explore, or see today's palette.