Muted Petrol color palette — #E8F5F4 · #CADFF3 · #6291C3 · #006888 · #192D46
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F5F4): a clean, paper-quiet neutral.
- Powder Blue (#CADFF3): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#6291C3): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006888): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#192D46): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Softworn Coast color palette (#D4E6E3, #58AAB8, #006277, #00393A, #000D14)
- Linen Terrace color palette (#DCF8FE, #48B8B1, #8983CA, #00746F, #26204A)
- Ancient Cerulean Delta color palette (#F9F4EF, #C2E6D9, #6F8ABF, #006F79, #444368)
- Aged Canyon color palette (#E7F6F2, #9FD1E0, #138B99, #005C54, #00252D)
- Abyss Grove color palette (#DCF1EF, #4F8094, #00415C, #001E24, #000103)
- Washed Olive Market color palette (#DBF8FF, #00A29E, #5480C0, #5B7622, #02232A)
- Ancient Lagoon color palette (#CCEBEC, #5DB598, #00907E, #005851, #003842)
- Hushed Atelier color palette (#FBF2F5, #D8D4DE, #9DBBF3, #3A9099, #333D5F)
Browse the whole catalog at Explore, or see today's palette.