Muted Petrol color palette — #DBEDF4 · #007886 · #00374E · #191B22 · #00090B

A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Frost (#DBEDF4): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007886): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00374E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#191B22): quiet, heavy and certain.
• Ink (#00090B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Abyss Workshop color palette (#E0F1F4, #565963, #003E46, #182027, #00080D)
• Hushed Cerulean Study color palette (#DAF2FF, #00A2C4, #005D95, #0F394D, #00090E)
• Periwinkle Coast color palette (#E3EFFD, #51A4FF, #5C6294, #2E435B, #09131A)
• Sapphire Lagoon color palette (#E6F1FF, #0065D4, #2C2961, #18141D, #000717)
• Aged Cornflower Courtyard color palette (#DFECFF, #4F84FC, #524B80, #243043, #00050C)
• Worn Sky Canyon color palette (#E6F4FE, #54C5F8, #6B7D93, #485761, #1C2326)
• Linen Cerulean Quarry color palette (#C6E9F1, #0098C1, #006FA4, #004A85, #000D43)
• Hushed Cornflower Veranda color palette (#E2F0E5, #84B7DB, #0C80F4, #006A7C, #060A3E)

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