Petrol Harbor color palette — #F8EAF0 · #91B6D3 · #3F67A8 · #004F53 · #27245C
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F8EAF0): a clean, paper-quiet neutral.
- Ash (#91B6D3): A luminous, dusty blue — the color of open sky before noon.
- Slate (#3F67A8): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#27245C): A deep, shadowed, balanced violet — the color of wild irises.
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
- Wandering Petrol color palette (#F4ECF1, #8DB9C7, #00748C, #005335, #00314D)
- Cobalt Quarry color palette (#FAF3F5, #AEC8E3, #6375AF, #005E6C, #3C325E)
- Aged Cobalt Canyon color palette (#E7EBDF, #8BBAD9, #006FB5, #00485D, #001533)
- Periwinkle Pier color palette (#F7ECE4, #A4DBFF, #78A5EC, #009097, #282851)
- Muted Denim Ridge color palette (#F2F3FF, #E6B8D9, #D0796C, #4153A8, #412448)
- Aged Onyx Ridge color palette (#F0E3EB, #5C99AF, #004D7C, #00302C, #020743)
- Petrol Grove color palette (#FAF3F5, #DADDEE, #859ABC, #247B87, #4B516A)
- Timeworn Lagoon Ridge color palette (#F4E7EF, #448E8E, #004452, #002413, #000A15)
Browse the whole catalog at Explore, or see today's palette.