Muted Petrol color palette — #EFE8DD · #8AB9E0 · #3C6AB1 · #004959 · #0C0C3E
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Sky (#8AB9E0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3C6AB1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004959): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#0C0C3E): A deep, shadowed, balanced violet — the color of wild irises.
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
- Antique Petrol color palette (#EEE8DE, #99BDA7, #00759D, #004B49, #00172B)
- Worn Garden color palette (#F9EAEF, #98B5D0, #515FB4, #004F51, #36224F)
- Aged Meadow color palette (#E8E2D9, #54ABB6, #006279, #003A33, #000C16)
- Frosted Cornflower color palette (#E9F1EB, #A7C8E7, #4C85DE, #00697F, #20265E)
- Dusty Lilac color palette (#FEDCFE, #C3CAFC, #B98ED5, #156C8F, #2C1229)
- Dusty Summit color palette (#D5E5FC, #698EE7, #1151AC, #00176E, #000221)
- Antique Cobalt color palette (#D0E7E0, #1283D6, #9A5900, #00497C, #1E0D00)
- Frosted Mulberry Villa color palette (#DEE8F6, #0068CB, #AC163C, #2B5A00, #000A1E)
Browse the whole catalog at Explore, or see today's palette.