Muted Petrol color palette — #F2E6E2 · #78C1CC · #0073A4 · #004E31 · #061335
A conversation between Slate and Forest, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F2E6E2): a clean, paper-quiet neutral.
- Mint Leaf (#78C1CC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0073A4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E31): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#061335): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Timeworn Petrol Harbor color palette (#F7EDDD, #7BBEC7, #00748F, #005147, #00324A)
- Linen Lapis color palette (#F0E7DE, #8BB8E4, #565DC4, #004B4E, #1D0B2E)
- Timeworn Cobalt Grove color palette (#F9F0EA, #AAD3B9, #3482BD, #005E47, #31142B)
- Misty Lagoon color palette (#F2E3D9, #66A6C2, #0055AC, #003A32, #0A002C)
- Cerulean Lagoon color palette (#F9E9F5, #77D5E0, #0092C7, #1E6E46, #162C55)
- Hushed Spruce color palette (#F9E7E2, #4B9995, #005265, #022E05, #00040D)
- Worn Azure Quarry color palette (#F7F0ED, #C5E8E3, #67A3CE, #407860, #422F3F)
- Washed Jade color palette (#D4F9E9, #00B389, #006642, #002C1F, #000703)
Browse the whole catalog at Explore, or see today's palette.