Petrol Harbor color palette — #F5EBF2 · #91B8C9 · #006FA3 · #005237 · #172861
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Ash (#91B8C9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005237): A deep, shadowed, balanced teal — the color of glacier melt.
- Navy (#172861): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Worn Garden color palette (#F9EAEF, #98B5D0, #515FB4, #004F51, #36224F)
- Softworn Petrol Atelier color palette (#EFE8DE, #73C1D1, #007698, #004C47, #001829)
- Cerulean Hollow color palette (#E8F1EA, #87D2E1, #0093BE, #006D65, #04314D)
- Aged Thicket color palette (#FFF1F6, #A5D5F8, #5B76DD, #006666, #47326C)
- Aged Azure color palette (#C5EDFF, #2BA4CB, #005B74, #002B42, #001A25)
- Quiet Thicket color palette (#D5F2FF, #BCD0FD, #B788D1, #007459, #083752)
- Ancient Brick color palette (#C9E3F1, #008DAA, #B73621, #005264, #510700)
- Tempered Cypress color palette (#F9F3F7, #D6E0F1, #7A9DBE, #258068, #46526D)
Browse the whole catalog at Explore, or see today's palette.