Muted Petrol color palette — #F0E5ED · #94BACD · #216FAC · #004D3B · #0D0D3B
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F0E5ED): bright and airy, almost weightless.
- Ash (#94BACD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#216FAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0D0D3B): 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
- Washed Cobalt Canyon color palette (#FAEEF4, #ABCDE3, #557CB8, #005C52, #1F193F)
- Powdered Bloom color palette (#EEE0E5, #7DA1BE, #2A4DB6, #003A37, #0F0028)
- Tempered Azure Hollow color palette (#FCF4E8, #BEE9E5, #2B9ECF, #006A68, #00203A)
- Cypress Courtyard color palette (#F6F0F3, #D4DCEF, #7E9FC5, #007D69, #2B3550)
- Softworn Delta color palette (#F7EBF6, #3E999F, #00516C, #002E15, #000412)
- Muted Archive color palette (#AEEFDF, #0AA98F, #00665A, #003225, #000603)
- Hushed Studio color palette (#D8F7F5, #9ACADB, #89A4E2, #656300, #001C22)
- Antique Plum color palette (#CDEBEA, #34945D, #B22A7D, #00552D, #270018)
Browse the whole catalog at Explore, or see today's palette.