Petrol Atelier color palette — #DDF7DF · #007C89 · #31325F · #321300 · #1B0700

Teal takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DDF7DF): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#007C89): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#31325F): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#321300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1B0700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Petrol Atelier 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

• Petrol Workshop color palette (#CDECE3, #2F6C92, #453158, #1C2700, #0C1300)
• Washed Alley color palette (#E9E8CC, #008255, #003F54, #3E0820, #22000E)
• Onyx Drift color palette (#DDF3FF, #597FA3, #435182, #461343, #290018)
• Navy Chapel color palette (#C8EEFD, #2C6087, #1A3368, #260029, #090004)
• Worn Navy Canyon color palette (#EEE3DB, #388AB0, #003586, #00231F, #0B0027)
• Weathered Cocoa Summit color palette (#D3E6D0, #4F9692, #3E6B88, #712B02, #1D1500)
• Cobalt Lantern color palette (#C5E8F5, #7175B9, #693C55, #2A3108, #171C00)
• Velvet Denim Coast color palette (#D3E3EF, #005685, #642C00, #002339, #0E0300)

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