Muted Petrol color palette — #F1F7F2 · #D1DEDC · #B0C4C4 · #008490 · #414B43

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D1DEDC): bright and airy, almost weightless.
• Stone (#B0C4C4): A luminous, dusty teal — the color of sea glass.
• Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#414B43): 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

• Dusty Alley color palette (#EEF3EE, #CDDCDC, #D4BBC3, #328386, #262F26)
• Abyss Market color palette (#E4EFE8, #9FADA6, #63887C, #003F4C, #02190D)
• Worn Denim color palette (#EDF8F3, #C0D9D0, #B49EB8, #006382, #123C2C)
• Wandering Atelier color palette (#F6F6E8, #AFB396, #49825A, #326554, #434700)
• Patina Cabin color palette (#FAF3F7, #E4D5D5, #C4ACB4, #5C59A2, #42373D)
• Timeworn Orchard color palette (#FEF0FF, #C9AEC3, #937886, #7E5465, #644B45)
• Hushed Petrol color palette (#F1F9E4, #54A3C2, #316EA3, #653970, #1B4638)
• Quiet Cornflower Canyon color palette (#E6FBF0, #88E6F4, #33C2FC, #2E92F4, #103D55)

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