Petrol Field color palette — #DBFAEE · #007BAB · #7E4B00 · #4D3300 · #0E1000
Built around Cerulean, softened by Bronze — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DBFAEE): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#7E4B00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#4D3300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#0E1000): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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
- Worn Sapphire color palette (#FBEDFB, #006FD3, #5E4D00, #413500, #050A00)
- Mulberry Drift color palette (#D7FCEA, #0085AD, #A5003A, #67000F, #001003)
- Tempered Sapphire color palette (#FFEBF8, #3B53FF, #872F00, #523100, #041200)
- Brick Field color palette (#FDEBFF, #0085E4, #AC0029, #2F4000, #131C00)
- Misty Dune color palette (#E5F9FF, #00ACA8, #A57000, #565C00, #00130A)
- Soft Brick Cabin color palette (#ECF7FF, #20ACE9, #C2273D, #695200, #002B22)
- Misty Dune color palette (#F1F7C4, #0498EE, #783CB4, #3F4200, #0D193D)
- Dusty Grove color palette (#FFECF5, #7B3AF2, #624F00, #433600, #001105)
Browse the whole catalog at Explore, or see today's palette.