Muted Petrol color palette — #F0F6FB · #DCD8ED · #BAB9D4 · #0073A2 · #33424D
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#DCD8ED): A whisper-light, dusty violet — the color of wild irises.
- Ash (#BAB9D4): A luminous, dusty violet — the color of a velvet chair.
- Slate (#0073A2): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#33424D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Weathered Petrol color palette (#EBF4F1, #EDD5DB, #CFB7C5, #1D71A9, #192924)
- Denim Basin color palette (#E9EFF6, #C7CCD9, #A19CB6, #10588D, #232F3B)
- Driftwood Atelier color palette (#F4F4FB, #E0D8DD, #B6ABA1, #7F7E9F, #525258)
- Weathered Grape Chapel color palette (#F3F4FE, #D7CEE4, #CA9799, #6C39A9, #303142)
- Timeworn Aubergine color palette (#E1E3ED, #AAA6B7, #8D7693, #3A2375, #10131E)
- Ancient Periwinkle Drift color palette (#EBF9F4, #EBD5CF, #49AEEF, #ABA395, #32443E)
- Dusty Balcony color palette (#ACF4FF, #90B3E1, #9F6B93, #48633F, #305026)
- Feathered Olive Alley color palette (#FFF0F8, #C09E58, #637200, #614077, #23432B)
Browse the whole catalog at Explore, or see today's palette.