Petrol Harbor color palette — #E9F6E8 · #5EAD9B · #426D9E · #613E00 · #002733
Built around Slate, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F6E8): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#5EAD9B): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#426D9E): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#613E00): A deep, shadowed, balanced gold — the color of old brass.
- Midnight (#002733): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged retro, muted, cool.
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
- Worn Fern Balcony color palette (#E8F6EF, #7AB7C0, #7273A2, #55551D, #162F40)
- Patina Studio color palette (#FBEDFA, #88A773, #007987, #742A2D, #01292A)
- Antique Grove color palette (#E6FCEA, #3BA7BC, #356CA9, #733B39, #254152)
- Washed Workshop color palette (#E3F7F4, #679E61, #715399, #3F4600, #052603)
- Grape Quarry color palette (#D6FBF5, #00A1C3, #6C45B3, #0F4C03, #001D37)
- Cornflower Chapel color palette (#FFF3E7, #4BC8BB, #5884D7, #86582A, #2A4434)
- Aged Lagoon Courtyard color palette (#EAF5EC, #92BEB0, #478461, #245D6D, #082E25)
- Ultramarine Boulevard color palette (#E5E0C9, #009193, #3334C7, #3A3100, #00151D)
Browse the whole catalog at Explore, or see today's palette.