Muted Petrol color palette — #E5F2EB · #B7C9C2 · #8BADA4 · #006B88 · #0B251A
Built around Peacock, softened by Sage — the whole palette hums with trust and stability.
The five colors
- Cream (#E5F2EB): bright and airy, almost weightless.
- Stone (#B7C9C2): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#8BADA4): A luminous, dusty teal — the color of sea glass.
- Peacock (#006B88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#0B251A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Abyss Market color palette (#E2EAE5, #ABBEB8, #9D8695, #004D5E, #0E2519)
- Weathered Workshop color palette (#E7E0E6, #CEBFCB, #B29DAB, #3260A1, #291829)
- Petrol Studio color palette (#EEF6FC, #D4D9EA, #A1BEDD, #006988, #020E16)
- Cerulean Archive color palette (#E2EDF3, #BCBFCF, #AEA4CD, #008FA9, #132128)
- Weathered Cypress color palette (#EEF3DF, #62A282, #007259, #00504C, #002113)
- Indigo Meadow color palette (#F6EBEF, #E6D1D7, #C7B1B5, #805EAD, #37292F)
- Ancient Garnet color palette (#DEE4F1, #8F92CC, #775E96, #712E41, #4B1A16)
- Hushed Villa color palette (#F4E8F0, #B39EA8, #987E88, #3C3A80, #13030E)
Browse the whole catalog at Explore, or see today's palette.