Weathered Petrol color palette — #DFF3E8 · #769EB0 · #5D6593 · #474314 · #002315

Slate and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DFF3E8): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#769EB0): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5D6593): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Olive (#474314): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#002315): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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 Corridor color palette (#E9EFDE, #60979A, #4D6781, #5E351E, #301324)
• Tempered Basin color palette (#C6E6E1, #89AFCE, #75718B, #335740, #332700)
• Fern Archive color palette (#D9EAF2, #9592C9, #8C556A, #30500D, #162C00)
• Weathered Canyon color palette (#CBEFF1, #3D8091, #564B85, #123E16, #001C02)
• Softworn Garden color palette (#F0E5EF, #79C1C6, #00759B, #004F28, #001337)
• Dusty Veranda color palette (#D1F7FF, #A2BCD4, #8989A0, #3B6763, #0F3E3B)
• Washed Driftwood color palette (#DDFFE8, #A5CAEC, #7F7EAF, #774A39, #372000)
• Hushed Summit color palette (#DCF0F6, #666CA5, #642C53, #182800, #050B00)

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