Petrol Harbor color palette — #EBF3F8 · #8BCEEB · #A86F84 · #357B96 · #1A121E
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EBF3F8): a clean, paper-quiet neutral.
- Sky (#8BCEEB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Mocha (#A86F84): A luminous, dusty rose — the color of pressed rose petals.
- Slate (#357B96): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#1A121E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Sophistication. Tagged duotone, 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
- Tempered Powder color palette (#EEF2F9, #B1BFFF, #AE734E, #636DA3, #1C1217)
- Muted Seafoam Orchard color palette (#E8F4F7, #80D6C7, #7F7BB4, #3A7F75, #121520)
- Timeworn Coast color palette (#EFF7F4, #A8D8F7, #C0899C, #5594BA, #382A28)
- Muted Lantern color palette (#E3F5FF, #9EB8F6, #8B78AF, #714362, #471420)
- Worn Courtyard color palette (#E1F8F2, #75B1E9, #926696, #2C5C52, #242C3D)
- Chalky Brick Harbor color palette (#E8F3FF, #58ACFF, #BE2A34, #005DA2, #140213)
- Hushed Periwinkle Bloom color palette (#EBF3FC, #5A95E3, #8C6527, #5F451F, #0F2120)
- Timeworn Periwinkle color palette (#EAF2FF, #769CF8, #8F5500, #314F9F, #110107)
Browse the whole catalog at Explore, or see today's palette.