Muted Petrol color palette — #E3ECE4 · #93B9D3 · #2F70A3 · #004A51 · #021336
Built around Slate, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Parchment (#E3ECE4): bright and airy, almost weightless.
- Ash (#93B9D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2F70A3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#021336): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Softworn Cobalt color palette (#ECF4ED, #B0CBE3, #4F7DBC, #00596A, #151C43)
- Denim Delta color palette (#D7E3D9, #6AA9A7, #00646F, #003B2B, #000D13)
- Weathered Navy color palette (#D7E5DA, #507CA6, #0B3288, #001E28, #01000B)
- Sunlit Azure Ridge color palette (#B9F0FB, #7DD1DB, #4FA2D9, #2A6C47, #002128)
- Muted Emerald Canyon color palette (#D9EDD5, #009B5C, #00694E, #004037, #001817)
- Hushed Alley color palette (#D4EFF2, #00947B, #A74072, #005344, #280015)
- Gentle Grape color palette (#D8EFEA, #007C6F, #723BAF, #703E00, #000E0B)
- Timeworn Cabin color palette (#CEE9DA, #818D4F, #5F5600, #402E00, #061200)
Browse the whole catalog at Explore, or see today's palette.