Muted Petrol color palette — #EEEFE4 · #98BC9D · #008394 · #005A54 · #00242D
Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Cream (#EEEFE4): a clean, paper-quiet neutral.
- Sage (#98BC9D): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#008394): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00242D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Aged Cobalt color palette (#EBEEE3, #82BAD6, #007DB6, #005768, #00213C)
- Antique Cerulean color palette (#E6FAF6, #7CDEE6, #008A9B, #00524D, #000F15)
- Softworn Denim color palette (#E9DFDB, #66ACB1, #00617A, #00402C, #00213A)
- Patina Azure Lagoon color palette (#E9DBE5, #73D1D8, #00A1C9, #00815D, #00213A)
- Azure Field color palette (#F3F8E5, #9AD3F5, #0094E3, #006E89, #003362)
- Muted Turquoise color palette (#F5F7E5, #BEE7C8, #00ADCC, #008282, #00475B)
- Muted Balcony color palette (#F6E5E9, #B45ACA, #0081A1, #7E1693, #001E28)
- Ancient Corridor color palette (#F4F6EF, #C8E5E9, #C3A6C4, #62927F, #614A5E)
Browse the whole catalog at Explore, or see today's palette.