Petrol Field color palette — #E4F2FE · #0070AD · #322956 · #17171F · #000813
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#E4F2FE): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0070AD): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#322956): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#17171F): quiet, heavy and certain.
- Ink (#000813): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Petrol Field 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
- Airy Sapphire Chapel color palette (#E6F0FF, #015DE6, #3E2552, #201920, #000618)
- Cypress Delta color palette (#D5F6F5, #007A7A, #003555, #181C22, #00090D)
- Inked Denim Bloom color palette (#DCEDFE, #005185, #413537, #130E17, #000417)
- Tempered Wisteria color palette (#DFDFF0, #C26AFF, #6C5976, #3A3A4E, #090D16)
- Wandering Lantern color palette (#E2EFFF, #2B92FE, #624C85, #22364D, #00090F)
- Hazy Cobalt Basin color palette (#F9E7F3, #11C4E4, #008AD5, #007053, #090B3A)
- Weathered Meadow color palette (#EAF2FF, #93B6FF, #7A7990, #4D5561, #1C2327)
- Moss Delta color palette (#CCEAD9, #61AE4A, #00836B, #175D7D, #031400)
Browse the whole catalog at Explore, or see today's palette.