Petrol Field color palette — #D0DFFA · #006AB6 · #002765 · #000821 · #000206
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Powder Blue (#D0DFFA): A whisper-light, dusty violet — the color of a velvet chair.
- Royal Blue (#006AB6): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#002765): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#000821): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000206): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged monochrome, dark, cool.
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
- Navy Pier color palette (#DADEEC, #4F5DC3, #190085, #04002B, #050004)
- Navy Drift color palette (#E2EDFD, #4187F3, #0064C3, #002793, #000206)
- Timeworn Boulevard color palette (#CDE2FE, #4376C9, #004295, #001737, #000207)
- Petrol Station color palette (#CFEFFF, #006C8B, #003243, #1F171B, #000C11)
- Nocturne Ultramarine color palette (#F4E2EF, #3D4EB3, #3F1F00, #0E0061, #040100)
- Lapis Delta color palette (#ECEBFF, #544CBC, #380071, #25090D, #0A0026)
- Worn Veranda color palette (#D7E9D0, #A16500, #006A9F, #090B15, #000201)
- Wandering Hollow color palette (#E4E5FF, #868BE3, #3E48B0, #171675, #13044B)
Browse the whole catalog at Explore, or see today's palette.