Muted Petrol color palette — #EFE8E1 · #92BEB1 · #4D67AE · #004A53 · #17073C

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

The five colors

• Parchment (#EFE8E1): a clean, paper-quiet neutral.
• Ash (#92BEB1): A luminous, dusty teal — the color of sea glass.
• Slate (#4D67AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#17073C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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 Study color palette (#F4E6DF, #9DBDA3, #007697, #004D39, #00172C)
• Hazy Sapphire color palette (#EDF0E7, #8CBDB0, #0065C8, #004B69, #1C2C50)
• Patina Summit color palette (#FDEFE2, #90C2E6, #2164EF, #005157, #19064B)
• Cobalt Bloom color palette (#FEEEE6, #9DDBEA, #008DC6, #006455, #002253)
• Washed Abyss color palette (#ECE0DB, #468489, #004256, #002016, #000104)
• Pale Boulevard color palette (#F1DED8, #AC4151, #006D67, #174E68, #1D0004)
• Cypress Corridor color palette (#F7F0EC, #CCE0DA, #6CA7B4, #417957, #193E32)
• Ancient Garnet Workshop color palette (#F7DBD2, #BA5F69, #007D6D, #86002A, #001712)

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