Muted Petrol color palette — #F3F3E5 · #72905C · #5E6A9D · #6C3F55 · #21170B

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F3E5): a clean, paper-quiet neutral.
• Moss (#72905C): A luminous, balanced green — the color of new leaves after rain.
• Slate (#5E6A9D): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#6C3F55): A full-bodied, dusty rose — the color of pressed rose petals.
• Ink (#21170B): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Weathered Teal color palette (#F0F4E9, #68AE86, #557498, #673D52, #342400)
• Wandering Lagoon color palette (#ECF5E9, #379885, #855B8B, #69372B, #1B190B)
• Worn Ridge color palette (#F8F0E6, #A58550, #157392, #50446C, #291812)
• Worn Coast color palette (#EEF8F1, #5CC0D4, #58A3B3, #6E6096, #2F2916)
• Patina Delta color palette (#E9F9FA, #499B87, #1A7971, #73386C, #1E3A38)
• Aubergine Courtyard color palette (#EAF7E2, #00806B, #713783, #681504, #0F0B00)
• Weathered Grape color palette (#EFF5DD, #009345, #5934B7, #66002F, #120D00)
• Worn Plum color palette (#EBF9F5, #9AAE7C, #7586C9, #9B4E79, #412C33)

Browse the whole catalog at Explore, or see today's palette.