Muted Petrol color palette — #EFF8F3 · #E6D6DC · #C1ACB9 · #006F89 · #333D38
Built around Peacock, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF8F3): a clean, paper-quiet neutral.
- Silver (#E6D6DC): a clean, paper-quiet neutral.
- Rosewood Mist (#C1ACB9): A luminous, dusty pink — the color of peonies in June.
- Peacock (#006F89): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#333D38): a grounded near-black with real depth.
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
- Muted Cerulean Summit color palette (#F0F7F4, #D0DCDD, #CEBBC2, #008DB7, #2E3F37)
- Tempered Petrol color palette (#ECF3F8, #D3D5E0, #A8B9CB, #006E92, #14222B)
- Ultramarine Meadow color palette (#FCF2FA, #E2CBD5, #C19BA2, #2C4EBC, #3E2C3C)
- Driftwood Harbor color palette (#FAF3F7, #E1D8D6, #ACACA1, #97768C, #584F55)
- Antique Abyss Lantern color palette (#D9E6E0, #C2B4C1, #A18593, #004B68, #12231D)
- Tempered Grape color palette (#FFF1F6, #E7D5CE, #D0B5B1, #7754AC, #4E3941)
- Hushed Cypress Atelier color palette (#F8F6E6, #76A984, #1A7263, #2F5443, #313B00)
- Ancient Chestnut Boulevard color palette (#D2EFD8, #AA95AC, #8C6377, #655000, #2C4428)
Browse the whole catalog at Explore, or see today's palette.