Muted Petrol color palette — #EFF8F0 · #DAD5DF · #88A7DC · #007B97 · #212D4B
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F0): bright and airy, almost weightless.
- Silver (#DAD5DF): a clean, paper-quiet neutral.
- Cornflower (#88A7DC): A luminous, balanced violet — the color of a velvet chair.
- Teal (#007B97): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#212D4B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Worn Cypress Basin color palette (#F0F7F1, #D5D6E6, #4AB7CC, #008269, #003445)
- Tempered Azure Loft color palette (#EDF9EF, #D4E0F4, #16A1F9, #00717A, #012056)
- Petrol Basin color palette (#E7F1E9, #6EC5DE, #00709B, #003E3D, #000308)
- Timeworn Powder color palette (#FEF1F5, #C8E4FE, #9BACFB, #009FA3, #423158)
- Muted Cerulean color palette (#EEF6FF, #DED9E3, #B7B0A6, #5897BC, #2D3850)
- Weathered Azure color palette (#E5F9FF, #84D6FF, #2294E1, #1D5AA3, #172552)
- Washed Atelier color palette (#EEF6FF, #8BC4FF, #DB983D, #2978C0, #3A2200)
- Tempered Harbor color palette (#FAF4EC, #9DD2C3, #4175D0, #005C72, #32375A)
Browse the whole catalog at Explore, or see today's palette.