Petrol Field color palette — #D5E8D5 · #469FAF · #007DA6 · #59468A · #220E2E

Cerulean and Plum set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D5E8D5): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#469FAF): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007DA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Plum (#59468A): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#220E2E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hushed Cabin color palette (#C4E8F4, #508FB1, #266BAE, #5A3E63, #22001D)
• Feathered Workshop color palette (#D7ECDE, #45A88F, #008480, #16508B, #151A3C)
• Antique Cerulean color palette (#D4F4EF, #1A91B3, #007579, #00545D, #00161B)
• Antique Lagoon Grove color palette (#E0E9D6, #439E83, #006285, #531407, #200200)
• Worn Cobalt Harbor color palette (#CFEAFF, #8C86CB, #6171BB, #753362, #3E0221)
• Wandering Cerulean Canyon color palette (#DEDFD5, #6BC0C6, #0093A5, #006D67, #00171E)
• Aged Turquoise Courtyard color palette (#C6F0FD, #00B1D4, #00849E, #005264, #000204)
• Sunlit Terrace color palette (#DDF3DC, #00A29E, #957E00, #00716F, #140F00)

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