Petrol Market color palette — #D5E0ED · #0969B4 · #002C69 · #1C1420 · #000815
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Silver (#D5E0ED): A whisper-light, dusty blue — the color of open sky before noon.
- Royal Blue (#0969B4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#002C69): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#1C1420): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#000815): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Twilit Petrol Hollow color palette (#D7F3FF, #006B83, #00343E, #16171F, #00090F)
- Muted Cornflower Boulevard color palette (#D0E5FF, #4184FF, #0067BF, #00355E, #000206)
- Aubergine Alley color palette (#DEDFFF, #5550A6, #310080, #210609, #090028)
- Gentle Cornflower Loft color palette (#D5E2F4, #317DDE, #004793, #001D40, #000206)
- Quiet Harbor color palette (#D6E0FF, #8784D7, #344AB2, #15007A, #110046)
- Shadow Onyx color palette (#DFE5F3, #4C4FA2, #530008, #17005C, #050005)
- Dusty Thicket color palette (#E6EAD8, #727C00, #0058B8, #0D0B1B, #000207)
- Quiet Aubergine Pier color palette (#E8DAFC, #8668C4, #4E109E, #24004E, #0A001E)
Browse the whole catalog at Explore, or see today's palette.