Muted Petrol color palette — #E4F3E7 · #8CB6DA · #3B66AE · #004D5F · #232954
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
- Sky (#8CB6DA): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3B66AE): A full-bodied, balanced violet — the color of wild irises.
- Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#232954): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Washed Cobalt Cabin color palette (#F6E3E9, #8EB9DD, #4A67B2, #004A53, #160C36)
- Antique Petrol Veranda color palette (#E8F1EA, #78BFC5, #00748B, #005145, #003248)
- Hushed Hollow color palette (#E5F0FF, #BEC0FF, #B18EC7, #065F85, #23304A)
- Cobalt Lantern color palette (#F6EDE3, #A3C9EA, #6784C8, #006A76, #2C2456)
- Periwinkle Alley color palette (#EDF0E8, #B2D8FB, #62A7FA, #0089BA, #112A5E)
- Ancient Cerulean color palette (#ECF9EF, #87DDF0, #008CB5, #006761, #02446A)
- Navy Canyon color palette (#CAE5EC, #0097C4, #005E93, #003C80, #322054)
- Wandering Cerulean color palette (#DBE9DE, #429BC0, #004E7B, #002F33, #001134)
Browse the whole catalog at Explore, or see today's palette.