Petrol Field color palette — #CAEAE5 · #449EBE · #5762A5 · #5A3F00 · #322300

Built around Slate, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Honeydew (#CAEAE5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#449EBE): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5762A5): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#5A3F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#322300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Faded Lantern color palette (#D2F2F8, #789CD4, #7D4EAE, #424900, #182B01)
• Worn Aubergine color palette (#DFF3FE, #63A3DA, #576D9E, #683166, #5B2224)
• Gentle Sky Dune color palette (#CBF0F1, #43B5E9, #8482B9, #7B5325, #4F310C)
• Worn Meadow color palette (#E5F3D8, #2AAB8E, #00748F, #791C12, #401A00)
• Antique Orchard color palette (#D7EBFF, #8078A4, #7A3762, #0F3818, #001507)
• Antique Petrol color palette (#FBEFE9, #77CCCB, #007F96, #005533, #001D2D)
• Worn Cobalt color palette (#CCEBE2, #008BE1, #7A7500, #004F83, #181700)
• Cobalt Drift color palette (#D0E1F4, #0072CD, #8F5500, #4E5900, #000E22)

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