Muted Petrol color palette — #E8F5F1 · #81915A · #27778E · #5A3A67 · #131F15
A conversation between Teal and Royal Purple, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F5F1): bright and airy, almost weightless.
- Moss (#81915A): A luminous, dusty green — the color of new leaves after rain.
- Teal (#27778E): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#5A3A67): A full-bodied, balanced pink — the color of a candy shop window.
- Onyx (#131F15): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Driftwood Thicket color palette (#E7F6F1, #7A9662, #3E7E69, #4A4A7A, #23131F)
- Wandering Grove color palette (#E7F5F8, #3C9A93, #4A6F93, #6E3C5D, #091E14)
- Patina Taupe color palette (#E7F6F0, #96A469, #50749D, #633D5D, #321E3C)
- Wandering Lagoon Archive color palette (#FFECF4, #ABB080, #428772, #544B6F, #1A312D)
- Hushed Lagoon color palette (#E1F1EF, #62905F, #2B3F42, #14211F, #080E0B)
- Timeworn Boulevard color palette (#D8F9FD, #008E75, #005872, #68005F, #150F00)
- Ancient Mulberry Orchard color palette (#FEF1F8, #B3745D, #605E9E, #703873, #3A2C3C)
- Dusty Driftwood Parlor color palette (#ECF4F0, #CFD9DB, #A9B0BC, #688C7D, #313835)
Browse the whole catalog at Explore, or see today's palette.