Muted Petrol color palette — #EEF6FF · #87C0EA · #2E77A8 · #004771 · #003050
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Sky (#87C0EA): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2E77A8): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004771): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003050): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, muted, cool.
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
- Wandering Sky color palette (#D9FFF3, #B6DBFF, #61BAFF, #4585BE, #0D304E)
- Timeworn Cobalt Quarry color palette (#F1F5FF, #BEC3F2, #737CB0, #454777, #293655)
- Antique Veranda color palette (#FEF0FF, #A1D2F7, #539BD9, #005F93, #00304D)
- Wandering Cypress Coast color palette (#E6F9FF, #6AC2C3, #008080, #004C4F, #003232)
- Denim Boulevard color palette (#F2F5FF, #AAA7E2, #A05369, #5C5498, #2B1E30)
- Worn Harbor color palette (#E0EDFE, #256CD4, #003A72, #000E27, #00020C)
- Antique Denim color palette (#F0F5FF, #C6AB71, #414D83, #242B4D, #1D1929)
- Patina Boulevard color palette (#EAFAEE, #88B29D, #817146, #3E5A3C, #23453A)
Browse the whole catalog at Explore, or see today's palette.