Muted Petrol color palette — #F1E7E1 · #86BEC9 · #00749F · #004D3E · #001532

Built around Slate, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Parchment (#F1E7E1): bright and airy, almost weightless.
• Ash (#86BEC9): A luminous, dusty blue — the color of open sky before noon.
• Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Petrol Field color palette (#EEF0E3, #98BBA3, #00748D, #004F51, #003345)
• Aged Boulevard color palette (#ECDED3, #6BA5C3, #0157A7, #00393A, #060030)
• Muted Cobalt color palette (#FDEFE3, #A0D7FE, #5A82C8, #006168, #211A51)
• Cerulean Delta color palette (#EAF9F6, #CADFFF, #28A1C0, #00696C, #00222F)
• Antique Abyss Alley color palette (#F9E7DF, #519797, #005263, #002E1A, #00050B)
• Muted Pewter color palette (#F8F0EC, #C8E4E1, #7AA798, #5B7352, #422E41)
• Faded Fern color palette (#E5F0CD, #80D6D7, #63B1D8, #566D29, #112206)
• Muted Grove color palette (#EDF0DB, #65921F, #00712A, #003929, #001E1A)

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