Muted Petrol color palette — #E4F2EE · #87C59B · #2C6895 · #00395C · #051A15
A conversation between Peacock and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#E4F2EE): bright and airy, almost weightless.
- Mint Leaf (#87C59B): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#2C6895): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00395C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#051A15): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Weathered Veranda color palette (#E8F2E7, #A6BE8D, #007270, #003E3D, #0F190E)
- Muted Seafoam color palette (#EDF7FF, #92E7A5, #006A9D, #002B43, #00040B)
- Wandering Denim color palette (#F9E9F6, #DDA1AE, #4660A0, #1C306A, #1F101D)
- Worn Hollow color palette (#F3E7F2, #3FA87B, #07428A, #00183F, #070007)
- Hushed Navy color palette (#F5EBF6, #C58E63, #00437E, #002244, #1B121C)
- Ancient Cobalt Station color palette (#E3F0FF, #FFB588, #5489CF, #3C587B, #0B1725)
- Wandering Indigo color palette (#FAF3F7, #E3D6D5, #CDB9B6, #7A71D0, #42373D)
- Dusty Basin color palette (#FBF2F5, #F2C6B2, #9A6F7C, #63424C, #34272B)
Browse the whole catalog at Explore, or see today's palette.