Muted Petrol Coast color palette — #F1E5EC · #92BACE · #2270A9 · #004D3A · #0C0F3A
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F1E5EC): bright and airy, almost weightless.
- Ash (#92BACE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2270A9): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0C0F3A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted Petrol Coast 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
- Hushed Petrol color palette (#E8F1EA, #92B7CB, #00719B, #00504E, #023053)
- Patina Denim color palette (#F8EAEF, #6FA3C6, #3651A5, #003938, #0F0028)
- Dusty Cornflower color palette (#FCEEF2, #A5D6FF, #6579DD, #006263, #2E134D)
- Wandering Azure Courtyard color palette (#FCF4E9, #C8F1D8, #099ED6, #006A68, #00203B)
- Ancient Cypress Alley color palette (#F7EFF3, #D6D1E7, #7D9FC5, #3A7869, #2C354F)
- Worn Basin color palette (#F4E8F3, #42999F, #00506D, #002E16, #000313)
- Antique Periwinkle Alley color palette (#CAFCF9, #97D6D5, #6C9BDB, #606521, #001A1E)
- Frosted Quarry color palette (#C4EAEB, #00966C, #A14187, #00543B, #26001D)
Browse the whole catalog at Explore, or see today's palette.