Petrol Field color palette — #D1E2E8 · #007AA9 · #004D7B · #001F47 · #00001B
Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#D1E2E8): bright and airy, almost weightless.
- Cerulean (#007AA9): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#004D7B): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#001F47): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#00001B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Tempered Cypress color palette (#C8E8E5, #007E84, #005462, #002630, #000509)
- Obsidian Petrol Grove color palette (#DBF4F7, #006F8C, #003656, #000C30, #030019)
- Misty Grove color palette (#D0E9D7, #006D90, #003E72, #36003D, #000408)
- Softworn Nightshade Orchard color palette (#C1E9ED, #008BB3, #00659A, #0A00B2, #05001C)
- Patina Cobalt color palette (#E2F0FF, #5372BD, #49487B, #481935, #1A071E)
- Deep Aubergine color palette (#D0EAFF, #005F8A, #3B0990, #34002A, #000202)
- Nightshade Atelier color palette (#E1EFFA, #0074D5, #002FBC, #12006A, #04001D)
- Muted Studio color palette (#E0E9EE, #92A8B7, #718A9E, #004E5E, #000B12)
Browse the whole catalog at Explore, or see today's palette.