Petrol Field color palette — #D6E8DF · #137F94 · #4B4E75 · #392B00 · #150E00

Teal and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D6E8DF): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#137F94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#4B4E75): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#392B00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#150E00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Muted Navy Study color palette (#D9F3DA, #2A8C99, #364192, #252300, #030300)
• Ancient Lantern color palette (#C1E8EA, #5477AE, #673F60, #003B0A, #001502)
• Onyx Summit color palette (#D3F3FB, #3C6A5B, #353967, #3E0400, #1C0C00)
• Spruce Boulevard color palette (#F7EAF7, #53A1A3, #00617D, #003F18, #00091B)
• Denim Dune color palette (#E0EBF9, #0057A8, #564F00, #263F13, #000207)
• Tempered Pier color palette (#DBF5FF, #8680C5, #8F4A6B, #084329, #002715)
• Tempered Forest Meadow color palette (#CBE6E4, #6A99C0, #836394, #145C34, #003418)
• Olive Boulevard color palette (#D3E6D5, #707C2C, #005427, #00323A, #050700)

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