Petrol Field color palette — #D4E8E0 · #0070A4 · #814700 · #003C5B · #0D0400
Built around Peacock, softened by Bronze — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D4E8E0): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#0070A4): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#814700): A full-bodied, balanced gold — the color of honey in a jar.
- Navy (#003C5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0D0400): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Patina Terracotta color palette (#DBECDF, #007783, #A21D00, #004047, #130100)
- Chalky Summit color palette (#CBE3F8, #2A9ADB, #8F4A00, #005A87, #0D0300)
- Timeworn Meadow color palette (#DBF2E6, #005A73, #563700, #002531, #0B0400)
- Nightshade Balcony color palette (#F9DFF3, #4C61B8, #685700, #1F00A7, #080600)
- Airy Mulberry color palette (#D5EBFF, #005C95, #90003F, #314500, #000205)
- Antique Iris color palette (#C7F0E4, #899BC6, #9478C5, #00576B, #000B24)
- Aged Olive color palette (#EBE0CA, #707337, #514400, #322000, #020400)
- Weathered Cobalt Parlor color palette (#D8E9FF, #3D78C9, #004684, #001936, #000208)
Browse the whole catalog at Explore, or see today's palette.