Muted Petrol color palette — #FFF0FE · #B6D8FC · #829FCE · #3F6A92 · #0A3F36

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Powder Blue (#B6D8FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#829FCE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3F6A92): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#0A3F36): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Periwinkle Dune color palette (#FFF0FC, #C7D5FF, #8B9BD2, #506393, #4C2F44)
• Tempered Cypress color palette (#DDFFE7, #A3E0E9, #60AEB3, #1B777C, #214029)
• Weathered Denim color palette (#EFF6FF, #A9C6E8, #5E84B6, #1E5086, #243C5D)
• Worn Taupe color palette (#FAF3F8, #E9C4E0, #C98973, #7989C0, #332C28)
• Powdered Lilac color palette (#FFF1F3, #E5B7EA, #B780BD, #754A86, #40234F)
• Ash Archive color palette (#FFF0F8, #A6A4DC, #9CA06D, #7B7E52, #4A3642)
• Taupe Veranda color palette (#E3FCF3, #E8D8D2, #CDBBA0, #8BA58B, #5E4E5E)
• Hushed Driftwood color palette (#FCF2F9, #DCD1A7, #94708B, #5E4358, #32282F)

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