Muted Petrol color palette — #F0F6FB · #D9D9E3 · #C1BDCE · #4E7A96 · #41494F

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D9D9E3): a clean, paper-quiet neutral.
• Stone (#C1BDCE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4E7A96): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#41494F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Indigo Bloom color palette (#F3F5FC, #E0D6E4, #C1B4DD, #6D58B0, #3C3F4C)
• Washed Driftwood Lagoon color palette (#E7F2FF, #A7B0CB, #8882AA, #516850, #40534A)
• Ancient Driftwood Balcony color palette (#EFF8F3, #E2D3D0, #A9A292, #709A86, #414A46)
• Cypress Meadow color palette (#E9F9F7, #84BEA8, #2B837B, #395F73, #304749)
• Navy Ridge color palette (#D7E0EA, #9FAABC, #747DA1, #003964, #0A151F)
• Dusty Basin color palette (#EFF6FF, #A0E7FF, #9BC0FF, #976FC5, #32425B)
• Ancient Ultramarine Boulevard color palette (#EFF6FF, #CBD2E4, #AC9ECA, #0052BE, #2A3441)
• Aged Aubergine color palette (#DFDDE6, #BDB5C6, #9D84A3, #67206D, #201D2B)

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