Petrol Harbor color palette — #F3E7DB · #7ABCE7 · #4D67AE · #004B49 · #1A0A35
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F3E7DB): A whisper-light, dusty gold — the color of old brass.
- Sky (#7ABCE7): A luminous, balanced blue — the color of open sky before noon.
- Slate (#4D67AE): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#1A0A35): A deep, shadowed, dusty 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
- Weathered Abyss color palette (#F2E6E2, #7CC1C3, #007697, #004F21, #001532)
- Worn Petrol Dune color palette (#ECF1E4, #8DBDAE, #276BAA, #004C64, #152D51)
- Softworn Cobalt Boulevard color palette (#FBE9F0, #A7C9E5, #6586C3, #006B73, #2A2751)
- Washed Apricot Canyon color palette (#FFDAE9, #F9B1D8, #E18F6A, #215B88, #2B101A)
- Patina Navy color palette (#F5E6DC, #0098BE, #004989, #002D24, #03001B)
- Patina Quarry color palette (#F7F1EA, #C3E9EE, #909AC2, #567458, #462E38)
- Hushed Basin color palette (#F8E0D8, #2F878A, #004257, #00210A, #000105)
- Misty Orchid color palette (#F2EAFF, #9B49EB, #0F5E0B, #004638, #1A010C)
Browse the whole catalog at Explore, or see today's palette.