Petrol Field color palette — #C7EBDF · #0070A8 · #864400 · #003C5D · #0E0300

Built around Peacock, softened by Bronze — the whole palette hums with trust and stability.

The five colors

• Honeydew (#C7EBDF): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#0070A8): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#864400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003C5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0E0300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, 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

• Brick Balcony color palette (#D7F3DE, #007785, #A80117, #004048, #140001)
• Misty Sapphire color palette (#F7EBF6, #0360D9, #725200, #00327B, #0A0500)
• Hazy Azure color palette (#E0EFFF, #2895F1, #944500, #005696, #0E0300)
• Velvet Denim Quarry color palette (#F4DFF5, #005197, #662A00, #002043, #0F0300)
• Mulberry Atelier color palette (#E3F1FF, #005B99, #91003B, #2E4600, #000206)
• Aubergine Station color palette (#FFE5F2, #6A50C5, #605A00, #3E0092, #070600)
• Pale Grove color palette (#D3E4F7, #8D9EDB, #9275B7, #005771, #02082A)
• Patina Cobalt color palette (#D5E1EF, #3475CE, #004687, #00163A, #000207)

Browse the whole catalog at Explore, or see today's palette.