Muted Petrol color palette — #D8EECC · #89B19C · #5E71A5 · #684D27 · #3E4300

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

The five colors

• Honeydew (#D8EECC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#89B19C): A luminous, dusty teal — the color of sea glass.
• Slate (#5E71A5): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#684D27): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#3E4300): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Muted 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 Cerulean color palette (#E4E7CC, #6CACA4, #3D82A6, #7A4A3C, #623B00)
• Worn Chestnut Alley color palette (#DFFCE2, #9DC0B1, #837AA5, #7B5E13, #5C5000)
• Antique Study color palette (#C9EED6, #B498B4, #7E699B, #604F00, #2E4200)
• Aged Dune color palette (#FDF3EE, #B1CFAD, #00879A, #096335, #154435)
• Tempered Denim color palette (#D5EFEC, #5489A3, #484B89, #413500, #182606)
• Wandering Veranda color palette (#D1EEF9, #B5BFE1, #92A1BF, #9A7794, #5F3F4E)
• Petrol Station color palette (#D9ECFA, #8EADCD, #606F98, #4E4262, #2A2032)
• Weathered Olive Garden color palette (#DEFDF3, #D5BACC, #AC8086, #757127, #485145)

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