Weathered Petrol color palette — #DCE5D8 · #8A9A76 · #157883 · #4F3454 · #320C1E

Teal takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#DCE5D8): bright and airy, almost weightless.
• Moss (#8A9A76): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#157883): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#4F3454): A deep, shadowed, dusty pink — the color of a candy shop window.
• Deep Indigo (#320C1E): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Cocoa Harbor color palette (#E4E8D9, #90A487, #5F816C, #643C41, #3D221D)
• Turquoise Ridge color palette (#E1EBDF, #54A3BA, #4D6C93, #5C2D35, #340900)
• Aged Courtyard color palette (#DDF8E6, #548E89, #085973, #47253A, #2E000B)
• Washed Olive Alley color palette (#F2EBDE, #8C976C, #5F6F2A, #303E62, #261636)
• Wandering Field color palette (#D1F0E9, #88B3B6, #5C8C9C, #6F5177, #412F4E)
• Pale Workshop color palette (#E2F3DE, #009388, #B3345D, #00524C, #29000D)
• Wandering Cerulean Grove color palette (#FFF4DC, #B9BC91, #4E95A1, #7E4B4C, #441A1C)
• Emerald Canyon color palette (#CBEAD4, #009F71, #00675A, #003E3D, #001D21)

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