Muted Petrol color palette — #D3E9FF · #BAB8F6 · #C18DB6 · #007080 · #0C1834
A conversation between Teal and Lavender, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3E9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Lavender (#BAB8F6): A luminous, balanced violet — the color of a velvet chair.
- Mauve (#C18DB6): A luminous, balanced pink — the color of neon signs at night.
- Teal (#007080): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#0C1834): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, 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 Blush color palette (#E6EEFF, #E2B9F5, #E088A1, #1D6297, #1F0F34)
- Patina Balcony color palette (#D9F6FF, #92D4FD, #9E9AD8, #0A7459, #001E2D)
- Lilac Orchard color palette (#D8E5FF, #C29DE6, #BB7693, #005173, #110730)
- Washed Cerulean color palette (#FDEAFF, #C6CAF9, #D59ED3, #00839F, #213259)
- Airy Terrace color palette (#E3EFFF, #BFCDFF, #9B8BD7, #00609E, #243653)
- Patina Cerulean Pier color palette (#EDF2FF, #DED2E2, #ECB6A6, #6389B0, #2D2E40)
- Feathered Rust color palette (#EEEBF9, #C78AC2, #BA4954, #00356D, #0E001D)
- Aubergine Study color palette (#E4E1EF, #B77C8E, #A74C22, #2F1970, #070003)
Browse the whole catalog at Explore, or see today's palette.