Petrol Harbor color palette — #EBF4F3 · #C7E0F4 · #6492BB · #156881 · #182D45
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EBF4F3): a clean, paper-quiet neutral.
- Powder Blue (#C7E0F4): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#6492BB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#156881): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#182D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Timeworn Chapel color palette (#D0E7E3, #66A9B1, #006374, #003938, #000D13)
- Worn Iris color palette (#DBF8FD, #46B9AB, #8285CF, #00756A, #222245)
- Softworn Archive color palette (#FBF4EE, #C1E6D8, #6D8BBA, #007075, #414469)
- Navy Field color palette (#DAEEEE, #698EB1, #054693, #00293C, #00001F)
- Patina Courtyard color palette (#E7F6F2, #9FD1DF, #008D96, #005C51, #00262C)
- Hushed Station color palette (#D2E3E1, #478294, #004258, #001F23, #000103)
- Timeworn Lagoon color palette (#FDF2F6, #D8D4DF, #9ABDF0, #319296, #323E5E)
- Hushed Petrol Basin color palette (#DCEDEC, #99B7D2, #2F6DAE, #004760, #00123A)
Browse the whole catalog at Explore, or see today's palette.