Muted Petrol color palette — #E5DDD1 · #6EADB2 · #00829B · #005F51 · #000B13

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

The five colors

• Bone (#E5DDD1): bright and airy, almost weightless.
• Blue Fog (#6EADB2): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005F51): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Linen Cobalt Meadow color palette (#EEE6D9, #79A7C3, #0076CC, #005B67, #000030)
• Iris Garden color palette (#C8E9D1, #79B2DA, #778FE9, #007D76, #00121B)
• Denim Lagoon color palette (#ECE2DE, #5B9FA5, #006083, #003E21, #000720)
• Scarlet Lantern color palette (#CFE6D4, #008E9D, #D21313, #00606A, #140000)
• Muted Cerulean Cabin color palette (#D3F4FF, #009DC6, #006F87, #003948, #000203)
• Weathered Lagoon Quarry color palette (#DBE9DE, #008992, #004351, #00201A, #000103)
• Powdered Grove color palette (#EBE4D9, #9AC5ED, #5E8FED, #007995, #161054)
• Hazy Harbor color palette (#C6EDF7, #007C90, #AB009A, #6A5700, #000203)

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