Petrol Field color palette — #E1F1FF · #0071A3 · #804800 · #003D5A · #0D0400

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

The five colors

• Frost (#E1F1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#0071A3): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#804800): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003D5A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0D0400): A deep, shadowed, dusty gold — the color of old brass.

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

• Pale Lagoon color palette (#D3F0FC, #007782, #A6002B, #004047, #140001)
• Cerulean Dune color palette (#D7F3E5, #008AB4, #936800, #005D7A, #0A0500)
• Eclipse Dune color palette (#D1E4F3, #00587A, #593500, #002434, #0C0400)
• Fern Parlor color palette (#D0EDE2, #0073A3, #256500, #002F46, #000200)
• Sunlit Parlor color palette (#D2DFF5, #3D53E3, #675700, #1B238F, #080600)
• Mulberry Meadow color palette (#D6ECFF, #005C94, #900041, #324500, #000205)
• Washed Iris color palette (#D9E5EF, #7C99E6, #9670C3, #005C73, #000B21)
• Cobalt Meadow color palette (#D1E5FE, #0081D6, #00497E, #001E38, #000207)

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