Muted Petrol color palette — #F6ECE7 · #95BCA0 · #1E6F9C · #005237 · #1A2A5A
A conversation between Peacock and Navy, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6ECE7): a clean, paper-quiet neutral.
- Sage (#95BCA0): A luminous, dusty teal — the color of glacier melt.
- Peacock (#1E6F9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005237): A deep, shadowed, balanced teal — the color of glacier melt.
- Navy (#1A2A5A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Cobalt Bloom color palette (#FCF3ED, #A9D0B9, #417DB2, #00624D, #31365F)
- Softworn Petrol color palette (#F7ECE2, #89B7DA, #4E63A9, #00504F, #342153)
- Wandering Petrol color palette (#E1EDE3, #8CBBD0, #007697, #004C46, #001829)
- Dusty Harbor color palette (#CAE8D4, #00A18C, #006C79, #003F58, #241C52)
- Patina Lagoon Corridor color palette (#F6E8E4, #37A19F, #005266, #003308, #00142A)
- Chestnut Studio color palette (#BFE6F0, #00788C, #944400, #5E4200, #00242B)
- Airy Summit color palette (#C4E8D4, #008CAD, #BB2E2A, #005166, #510607)
- Muted Canyon color palette (#BCEBFF, #1F9FDC, #005A76, #002E40, #00171F)
Browse the whole catalog at Explore, or see today's palette.