Petrol Market color palette — #F1E8D9 · #8DBBD3 · #1A6FAF · #004A52 · #031338
Slate and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F1E8D9): A whisper-light, dusty gold — the color of old brass.
- Ash (#8DBBD3): A luminous, dusty blue — the color of open sky before noon.
- Slate (#1A6FAF): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#031338): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. 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 Petrol Boulevard color palette (#F5EBF0, #97B6CC, #4166AB, #00504A, #2E2552)
- Petrol Atelier color palette (#EFE8DE, #7BC2BD, #007984, #004E36, #001921)
- Cobalt Orchard color palette (#F8F1E6, #A6D2C5, #537CBA, #00596B, #31142B)
- Softworn Cerulean color palette (#F9F1E4, #99DEE1, #0092AB, #006452, #002939)
- Tempered Petrol color palette (#F5F1EA, #C3E7E9, #7F9FC5, #347583, #432E3F)
- Wandering Cerulean Alley color palette (#FAEEDC, #4297AB, #00506D, #002C2A, #00050D)
- Ancient Navy color palette (#EAE1D2, #4E7CA9, #0A2E8F, #001E28, #01000B)
- Linen Turquoise Canyon color palette (#DBF1D5, #6DD7E4, #62AEDB, #176847, #032009)
Browse the whole catalog at Explore, or see today's palette.