Muted Petrol color palette — #EEF4EE · #B0CAC0 · #5C8D8A · #3C687A · #23362F
A conversation between Peacock and Storm Blue, giving this palette its sense of sophistication and grounding.
The five colors
- Cream (#EEF4EE): a clean, paper-quiet neutral.
- Stone (#B0CAC0): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#5C8D8A): A luminous, dusty teal — the color of sea glass.
- Peacock (#3C687A): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#23362F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Ancient Lagoon color palette (#ECF8F3, #9ECCC2, #5D8E6A, #4D6C72, #3F524E)
- Patina Pine Garden color palette (#FDEDF2, #97BDAB, #5A8156, #5A4E70, #152D23)
- Muted Archive color palette (#C9EDFB, #90C8E5, #6689C4, #555696, #322F51)
- Washed Cerulean Terrace color palette (#EBF2FD, #DDD5E2, #E2B6C8, #51939F, #373A4C)
- Patina Pine color palette (#F5F0F5, #D0DEED, #6BA5C2, #337C51, #26374E)
- Muted Summit color palette (#D8EEE5, #689B76, #00635C, #013B65, #001807)
- Timeworn Fern color palette (#FAF4ED, #D7D2B3, #7CA888, #688672, #594D00)
- Washed Garnet color palette (#D0EDDA, #7BA35A, #006C4F, #6A1B42, #0C1B00)
Browse the whole catalog at Explore, or see today's palette.