Petrol Harbor color palette — #F9F3F8 · #E2D7D8 · #C9BBBB · #5E73A5 · #4F444D
Built around Slate, softened by Charcoal — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Silver (#E2D7D8): a clean, paper-quiet neutral.
- Stone (#C9BBBB): a calm mid-gray that lets other colors speak.
- Slate (#5E73A5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#4F444D): A full-bodied, dusty pink — the color of peonies in June.
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
- Worn Mulberry color palette (#FCF2F4, #EBD5CD, #CEB5B5, #8E4C98, #4C3B3E)
- Muted Driftwood color palette (#FBF2F6, #E0D7D6, #AFADA3, #9D7485, #5A4F53)
- Chestnut Lantern color palette (#FFF0F4, #D3ADB2, #997675, #8C5528, #594D00)
- Hushed Indigo Coast color palette (#F2DEE8, #765CBE, #402B33, #281A21, #13090A)
- Worn Parlor color palette (#FFF1F8, #E2CCD4, #C598A6, #5E3BB8, #3E2D36)
- Tempered Lilac Study color palette (#FFF0F9, #D0DCFF, #ADACF8, #AB7FC5, #573646)
- Garnet Ridge color palette (#F0E1DF, #C7B4B0, #A2877F, #751C47, #2A1B19)
- Navy Meadow color palette (#EEE2EA, #B8A2AD, #947582, #2C2580, #200B1A)
Browse the whole catalog at Explore, or see today's palette.