Petrol Harbor color palette — #D5E9DF · #00B2C6 · #0096C1 · #006CB5 · #00101B
Royal Blue takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#D5E9DF): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00B2C6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0096C1): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#006CB5): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#00101B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, 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
- Weathered Ultramarine Study color palette (#D6EDE2, #009C9E, #0081A7, #2B1DDA, #000E1B)
- Sapphire Balcony color palette (#DEF2EC, #00AFE1, #0093F3, #4459DA, #00091B)
- Patina Turquoise Parlor color palette (#E6E7D7, #00B6C7, #007386, #004A48, #00171F)
- Quiet Grape color palette (#D8F9E2, #3DDF8F, #00A8D9, #7015E8, #000104)
- Faded Grove color palette (#E5F1FB, #4D84DB, #565B8B, #56304A, #37071A)
- Ultramarine Market color palette (#CEE2F8, #007FEC, #003DE4, #16168E, #0C0841)
- Pale Amethyst Courtyard color palette (#E9ECFB, #6EA6FF, #6971FF, #7E41D8, #070026)
- Sunlit Cornflower Parlor color palette (#ECF7FF, #5CDBFF, #4CC0FF, #4890FF, #002F4F)
Browse the whole catalog at Explore, or see today's palette.