Petrol Harbor color palette — #E9F5EF · #8D8943 · #2E6FA7 · #5D4269 · #251720
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E9F5EF): a clean, paper-quiet neutral.
- Moss (#8D8943): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#2E6FA7): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#5D4269): A full-bodied, dusty pink — the color of a candy shop window.
- Onyx (#251720): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Antique Harbor color palette (#EAF4F2, #77A35F, #5A5BAD, #6A3452, #172117)
- Ancient Grove color palette (#F8F5EA, #888515, #595D9A, #434670, #412E2B)
- Muted Amber color palette (#FBEDF4, #B37B4C, #007572, #384674, #211826)
- Softworn Lagoon Pier color palette (#E7F7EA, #A0B57D, #2B8B69, #554A74, #1C312E)
- Worn Mustard Orchard color palette (#FAF5E8, #BCAB49, #548BC0, #72597C, #3C3631)
- Tempered Grape color palette (#E7F5F6, #00926C, #7C46A1, #792328, #021910)
- Ultramarine Meadow color palette (#D9FBF0, #738A19, #2A1CD6, #6E0050, #1F0511)
- Dusty Driftwood color palette (#ECF4F1, #CEDADD, #A7AFB9, #7F885B, #313835)
Browse the whole catalog at Explore, or see today's palette.