Petrol Market color palette — #E9F1E8 · #8CB6DD · #5560AD · #004F52 · #391E53
Built around Slate, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F1E8): a clean, paper-quiet neutral.
- Sky (#8CB6DD): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5560AD): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
- Royal Purple (#391E53): A deep, shadowed, balanced 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 Market 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 Cobalt Lagoon color palette (#EDE8E1, #93B7DC, #4668B2, #00485C, #100A3E)
- Petrol Courtyard color palette (#F8EAF5, #8BB9CB, #00719D, #005332, #152B5A)
- Ancient Study color palette (#E6F2E8, #AFC7E1, #5E83D3, #006883, #262854)
- Worn Cypress Study color palette (#F9F3F9, #D4D7EF, #6BA2B8, #4F7A57, #455466)
- Gentle Corridor color palette (#F5EDE5, #B0D8FE, #8C9AFF, #009096, #352547)
- Muted Navy Coast color palette (#F0DCE5, #5499BA, #0041A1, #00302B, #150539)
- Misty Studio color palette (#C0E8DD, #739E21, #833296, #395300, #400D4B)
- Antique Abyss Pier color palette (#F1E3EE, #4F8C92, #00425C, #002411, #000623)
Browse the whole catalog at Explore, or see today's palette.