Muted Petrol color palette — #E7F9FD · #009D97 · #0069A1 · #4E387E · #164222
A conversation between Peacock and Royal Purple, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7F9FD): bright and airy, almost weightless.
- Fern (#009D97): A luminous, balanced teal — the color of sea glass.
- Peacock (#0069A1): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#4E387E): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#164222): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
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
- Denim Lantern color palette (#EBF7FF, #3694B8, #4F5BA7, #603368, #004332)
- Emerald Quarry color palette (#E8F9F9, #359F6B, #00707F, #294580, #353D0A)
- Dusty Canyon color palette (#EEF7F6, #C0E2F5, #3995BB, #096F7A, #334B5D)
- Lagoon Bloom color palette (#EAF9F8, #87BDA4, #0D866E, #2E6462, #2C4849)
- Chalky Nightshade Loft color palette (#D2ECFD, #00799F, #4100CE, #570054, #002B26)
- Weathered Archive color palette (#E4F7FF, #9CC2D8, #718AA1, #60607F, #524B65)
- Sunlit Seafoam color palette (#E3FAFF, #97F0C8, #00DACD, #00A1AF, #174853)
- Emerald Villa color palette (#DDF8F8, #00A76E, #5C5AA4, #662D26, #37100C)
Browse the whole catalog at Explore, or see today's palette.