Petrol Harbor color palette — #F2F5FB · #E1D8E2 · #CCBBC4 · #6B6EA4 · #434753
Built around Slate, softened by Stone — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F2F5FB): bright and airy, almost weightless.
- Silver (#E1D8E2): bright and airy, almost weightless.
- Stone (#CCBBC4): A luminous, dusty pink — the color of a candy shop window.
- Slate (#6B6EA4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#434753): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
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
- Ancient Pewter color palette (#F8EFF3, #E3D4D2, #C8B9B4, #736F98, #33292E)
- Worn Meadow color palette (#EDF6FF, #A6ABCE, #957997, #416F76, #375265)
- Weathered Grape Chapel color palette (#F3F4FE, #D7CEE4, #CA9799, #6C39A9, #303142)
- Timeworn Aubergine color palette (#E1E3ED, #AAA6B7, #8D7693, #3A2375, #10131E)
- Aged Lagoon Hollow color palette (#ECF9F0, #A0B98C, #2D8566, #62526F, #2C4943)
- Tempered Summit color palette (#E3E3F1, #8C56AB, #3E2846, #1E1D2B, #0D0B13)
- Aged Pewter Delta color palette (#E4FAFA, #709AD2, #8D5185, #165C3B, #353C54)
- Garnet Summit color palette (#F3EEF4, #C2B4BC, #77987C, #781C39, #241C26)
Browse the whole catalog at Explore, or see today's palette.