Muted Petrol color palette — #EEF8F0 · #C0E0FF · #6F8BB9 · #176D83 · #3A4765
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Powder Blue (#C0E0FF): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#6F8BB9): A luminous, dusty violet — the color of wild irises.
- Peacock (#176D83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#3A4765): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Worn Cypress color palette (#F8EFF2, #C6E0F8, #768CC0, #006B77, #242A44)
- Softworn Mallow color palette (#EEF6FF, #DED9E3, #CDB0DB, #60839C, #495363)
- Muted Market color palette (#CAF3FF, #34C0F2, #2083C1, #315C8E, #3C496B)
- Muted Bloom color palette (#DFEAE1, #58ACBE, #00607E, #003E3A, #002138)
- Cerulean Courtyard color palette (#FBF4EC, #C7EFE3, #91A4CF, #348893, #5C3C4E)
- Dusty Cerulean Archive color palette (#E5F1E7, #308BB0, #004067, #002225, #00071F)
- Powder Veranda color palette (#F0F6FF, #96B7FF, #4B6EAE, #273F6D, #16294E)
- Cerulean Terrace color palette (#F0F8F1, #8AD3D9, #00869F, #066152, #0B4056)
Browse the whole catalog at Explore, or see today's palette.