Muted Petrol color palette — #D1E3ED · #00829C · #1C3444 · #0A181F · #02070A

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

The five colors

• Frost (#D1E3ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#00829C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#1C3444): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0A181F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#02070A): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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 Bloom color palette (#E3EFFB, #3D86D1, #303C4E, #181F27, #090D10)
• Smoked Denim Bloom color palette (#D9ECFA, #006191, #292228, #001E40, #000912)
• Feathered Coast color palette (#EAF3FF, #5F8AE4, #A4669F, #0C7A7D, #141F2E)
• Misty Periwinkle color palette (#E8F3FF, #5BA9F4, #49A366, #2168A6, #002E2D)
• Sunlit Sky Hollow color palette (#BBE8FF, #30BAFB, #2182C2, #27507B, #162C47)
• Timeworn Olive color palette (#E3F8EF, #A7BC8A, #5F8050, #3A5C5B, #112D26)
• Charred Lapis color palette (#DBE8FF, #4644FF, #282446, #080F20, #01030A)
• Worn Studio color palette (#CDECFF, #A3C3DF, #77869B, #625C75, #3A3146)

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