Muted Petrol color palette — #F9F2FC · #B77C8F · #5F8B6B · #006B7D · #433948
Peacock and Dusty Rose set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F9F2FC): a clean, paper-quiet neutral.
- Dusty Rose (#B77C8F): A luminous, dusty rose — the color of pressed rose petals.
- Fern (#5F8B6B): A full-bodied, dusty teal — the color of sea glass.
- Peacock (#006B7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#433948): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Dusty Pine color palette (#FBF2FB, #B9767E, #2D7A52, #005572, #323043)
- Antique Courtyard color palette (#F4F4FE, #9F83B3, #8F7E3F, #177052, #3B3A4F)
- Wandering Field color palette (#EAFAED, #CC9A8E, #956F3B, #00666E, #55414C)
- Worn Terrace color palette (#FFF1F6, #A77542, #137D97, #414997, #462834)
- Dusty Jade color palette (#FFF1F2, #D292C8, #67AE78, #5D7BAB, #4A3839)
- Dusty Iris Courtyard color palette (#EEF2FB, #878DD6, #3B938E, #54598C, #1E222E)
- Plum Summit color palette (#F8F3F9, #E5B0BA, #9E734C, #A64A62, #3A282F)
- Patina Mallow color palette (#FFF2F0, #FFA3C1, #92C698, #63A6AE, #4A3836)
Browse the whole catalog at Explore, or see today's palette.