Petrol Market color palette — #D1E2E7 · #006887 · #003F64 · #001733 · #00001A
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Silver (#D1E2E7): a clean, paper-quiet neutral.
- Peacock (#006887): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003F64): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#001733): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00001A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
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
- Cypress Studio color palette (#CCF7ED, #006568, #003C42, #001C24, #000408)
- Feathered Navy color palette (#C3ECE6, #0096B4, #005C89, #002663, #060018)
- Washed Onyx color palette (#D4F4F1, #006F87, #003E66, #00185C, #1C023D)
- Worn Meadow color palette (#E1F0FF, #005F9C, #6D3B00, #002B4C, #060200)
- Eclipse Sapphire Pier color palette (#E1E9F6, #2B66D9, #00367C, #000F35, #00000B)
- Orchid Chapel color palette (#D4E2F3, #8B94F5, #9C4FD5, #003D52, #00031F)
- Shadow Parlor color palette (#E6EFFA, #00488D, #780026, #1A3700, #000104)
- Velvet Nightshade color palette (#D0E8FE, #0051D0, #2700A2, #1A004E, #0A001B)
Browse the whole catalog at Explore, or see today's palette.