Muted Petrol color palette — #F7F1E5 · #AA9C60 · #007E9B · #693A55 · #3E1D10
A conversation between Cerulean and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F1E5): a clean, paper-quiet neutral.
- Moss (#AA9C60): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#007E9B): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#693A55): A full-bodied, dusty rose — the color of a warm blush.
- Espresso (#3E1D10): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Ancient Cobalt color palette (#F1F3E8, #80A97C, #5D6DAE, #713B26, #352309)
- Hushed Moss Hollow color palette (#F6F6E7, #78A855, #307F78, #734735, #553F00)
- Aged Lime color palette (#EAF9F4, #A8BC6A, #698EC3, #805B7A, #503854)
- Wandering Parlor color palette (#F6F1EC, #C4E7E9, #7D9ECB, #2B787B, #432E3D)
- Cocoa Lagoon color palette (#FCF1D9, #C6C8B3, #859A82, #7D5C56, #632808)
- Wandering Chestnut Delta color palette (#F5F1EB, #CAC4A5, #678F64, #7D5B12, #32312A)
- Ultramarine Station color palette (#F6F3D8, #749000, #0055BA, #6C1000, #300800)
- Ancient Lagoon Alley color palette (#F5F4D3, #86C29A, #00957A, #00635E, #213929)
Browse the whole catalog at Explore, or see today's palette.