Muted Petrol color palette — #E6DFD3 · #9CBB99 · #008490 · #005C42 · #00242E
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Bone (#E6DFD3): a clean, paper-quiet neutral.
- Sage (#9CBB99): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.
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 (#EDE7DE, #7DBCCF, #007EAE, #005958, #00203D)
- Cerulean Thicket color palette (#F5EDE1, #AECDB6, #0094B9, #006D62, #00324B)
- Weathered Balcony color palette (#EDF9EF, #72E1DB, #008A97, #00543C, #000F15)
- Hushed Spruce Courtyard color palette (#F0E0DB, #62AEA9, #006276, #074106, #00213B)
- Hushed Cabin color palette (#F5EBF6, #7CD1CC, #00A2C3, #328032, #00213C)
- Lagoon Orchard color palette (#F9F4ED, #C8E2DC, #5AB3CA, #008F79, #1E4D64)
- Quiet Olive color palette (#DDE4BB, #97CDB6, #00B2B5, #6B7600, #002E13)
- Washed Pine color palette (#E3F3E4, #59B268, #007B36, #003F14, #000F02)
Browse the whole catalog at Explore, or see today's palette.