Muted Petrol color palette — #E8F2E9 · #91B6D4 · #316AA7 · #004E5A · #1A2A59
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F2E9): bright and airy, almost weightless.
- Ash (#91B6D4): A luminous, dusty blue — the color of deep harbor water.
- Slate (#316AA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#1A2A59): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Aged Lantern color palette (#E6F2E8, #8EB9C5, #007584, #00523E, #003343)
- Worn Studio color palette (#ECF5FF, #AAC0E6, #AD89DB, #006A8A, #233556)
- Washed Sapphire Ridge color palette (#F0E6EA, #82BBDF, #4166BD, #004C48, #190A36)
- Weathered Grove color palette (#F5EDE6, #9CCBEA, #5580E8, #006C67, #30264C)
- Cerulean Loft color palette (#EEF8F0, #9FDAE1, #008DAC, #00685B, #004563)
- Cerulean Bloom color palette (#BFE8ED, #009DC0, #006487, #003F6A, #2B1A57)
- Ancient Parlor color palette (#F4EEE4, #A7DBFC, #60A8F6, #008EA2, #1D2B53)
- Airy Denim color palette (#DBE9FF, #6493D4, #00579D, #002B55, #001837)
Browse the whole catalog at Explore, or see today's palette.