Muted Petrol color palette — #EFF6FF · #98D4B7 · #5572A3 · #31435D · #172231

Slate and Pistachio set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Pistachio (#98D4B7): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#5572A3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#31435D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#172231): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged luxury, dark, 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

• Cobalt Coast color palette (#FBF2FA, #B1F8D6, #4E75BA, #24385B, #140D13)
• Washed Driftwood color palette (#F4F4FC, #E6C5E1, #787A9E, #494B63, #2A2A34)
• Muted Garden color palette (#F0F6FE, #C6AA7A, #39507D, #172C57, #1A222E)
• Aged Periwinkle Chapel color palette (#FDF1FB, #EFD19F, #7294D6, #745871, #281E27)
• Apricot Studio color palette (#F4EAFD, #E6A27E, #864F69, #51233A, #1A131F)
• Hushed Azure color palette (#EDF7FF, #4CA0DF, #698237, #197455, #12303C)
• Blush Drift color palette (#DCE3FF, #FF7C84, #5C44AB, #31136F, #10072A)
• Chestnut Courtyard color palette (#FFF0F8, #D09DCE, #AB728D, #895625, #423754)

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