Petrol Market color palette — #F5EDE5 · #8FB6D6 · #5063A9 · #004F50 · #361E58
Built around Slate, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EDE5): a clean, paper-quiet neutral.
- Sky (#8FB6D6): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5063A9): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Royal Purple (#361E58): 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 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
- Patina Petrol Boulevard color palette (#F5ECE9, #93BDA2, #006EA8, #00523B, #1F2A55)
- Aged Parlor color palette (#E2ECE4, #8EB9DB, #2D69BF, #004958, #0D1232)
- Airy Cornflower Hollow color palette (#F4EEE4, #9ACAF1, #4A85DD, #00697E, #232A50)
- Wandering Blush Atelier color palette (#D1FAED, #BAB6F3, #D37CA7, #006366, #202C50)
- Nightshade Lagoon color palette (#C3E9E2, #0098AE, #00679A, #0A24A9, #2C2167)
- Chalky Periwinkle Balcony color palette (#FCE8EF, #A7DAFF, #83A0F6, #00918F, #32244E)
- Misty Sapphire Workshop color palette (#F4D8F1, #3766C4, #874F00, #554600, #081C46)
- Dusty Navy Coast color palette (#E7DCD5, #6E9B85, #00488F, #003129, #130043)
Browse the whole catalog at Explore, or see today's palette.