Muted Petrol color palette — #DCE9DE · #60AEBD · #0080A4 · #005E57 · #000A15

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

The five colors

• Parchment (#DCE9DE): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#60AEBD): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Atelier color palette (#E6F1E8, #76A6CD, #4274BD, #005A6D, #04002D)
• Antique Denim Ridge color palette (#EADAE6, #609DA9, #005E8B, #003D29, #02012D)
• Muted Cerulean color palette (#EBE3D6, #1B8797, #004256, #00201D, #000103)
• Tempered Quarry color palette (#E0EFE3, #7BD1D0, #00A4B8, #008063, #00232F)
• Softworn Market color palette (#E5ECFF, #B79FDA, #CA78B8, #326EB6, #17072B)
• Periwinkle Drift color palette (#E8F1EA, #A3DCFC, #6CAAE4, #008F9E, #142B5B)
• Pale Nightshade color palette (#DEE7FB, #6471DD, #807200, #3C3CBD, #070600)
• Indigo Loft color palette (#ECEEFF, #6357D7, #AB3E00, #006946, #01000E)

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