Petrol Harbor color palette — #E6F9FF · #8BD3DC · #45A9BE · #00829C · #2F566D
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Ice Blue (#8BD3DC): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#45A9BE): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00829C): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#2F566D): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Cerulean Study color palette (#EAF8FF, #97CEE0, #C9A0D5, #009CBC, #4D476B)
- Wandering Petrol color palette (#ECF7FF, #BADFFA, #61A8CB, #006F98, #003A50)
- Antique Corridor color palette (#D7FFFB, #9ECFB0, #5DB390, #00856C, #29545B)
- Timeworn Cobalt Grove color palette (#EDF6FF, #ABCEFA, #7EA1DE, #5F76BC, #3F4C68)
- Wandering Station color palette (#DFFFE1, #A0F6FF, #67CBDF, #498294, #335243)
- Timeworn Turquoise Meadow color palette (#ECF7FF, #D7D9E4, #BCA8A7, #63A9BD, #3F4F5C)
- Frosted Ridge color palette (#D0E1EA, #3AAAE9, #0078C6, #004C92, #082C6B)
- Worn Petrol Lagoon color palette (#CAEDF4, #00778E, #004A5F, #002838, #000A13)
Browse the whole catalog at Explore, or see today's palette.