Weathered Petrol color palette — #E8E8D4 · #58A384 · #1C7C99 · #514000 · #292300

A conversation between Cerulean and Jade, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E8E8D4): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#58A384): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#1C7C99): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#514000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#292300): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Aged Basalt color palette (#D9F2F0, #6495A3, #47618C, #36440C, #00210A)
• Weathered Cocoa Hollow color palette (#E3EAD1, #8C9768, #2F7761, #762D21, #2A2200)
• Weathered Fern color palette (#DCE9DB, #7CBDAD, #607C9D, #5B5200, #173816)
• Dusty Coast color palette (#EAF5DE, #58BFB0, #4583D4, #7F5409, #533400)
• Dusty Studio color palette (#E0F8F2, #B5CFD3, #7C92A7, #577061, #2F4337)
• Timeworn Cobalt color palette (#CEE6E2, #1FB2D3, #006EC3, #753343, #612400)
• Worn Navy Orchard color palette (#C7E8F8, #31738D, #3C3E73, #192E00, #000E10)
• Mulberry Field color palette (#D6FFF9, #8DCEDD, #6391CC, #A2415A, #551800)

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