Petrol Market color palette — #F9ECDF · #84B8DE · #4366AA · #004F55 · #2A2751
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F9ECDF): A whisper-light, dusty gold — the color of old brass.
- Sky (#84B8DE): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4366AA): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#2A2751): A deep, shadowed, dusty 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
- Timeworn Sapphire Chapel color palette (#FFF3E8, #56C4FF, #0067DD, #005559, #2A2869)
- Ancient Summit color palette (#F7ECE7, #6FC1C4, #00748E, #005237, #00314E)
- Cornflower Ridge color palette (#F6EBEF, #A6C9E6, #6481D5, #006C6A, #32254C)
- Weathered Atelier color palette (#FFF2EC, #7BE0F0, #008BB9, #006954, #1C416A)
- Hushed Periwinkle color palette (#E6F2E8, #B9D7F2, #74A6EC, #008DA7, #1F285B)
- Softworn Boulevard color palette (#F2E1D6, #3E9CBE, #004C80, #00302E, #060D39)
- Wandering Ultramarine color palette (#F3D9C1, #C87720, #0057B9, #6C3B00, #082851)
- Ash Studio color palette (#FAF4ED, #C6ECF1, #8598C9, #557860, #604C56)
Browse the whole catalog at Explore, or see today's palette.