Muted Petrol color palette — #D9FAF6 · #44ADBA · #127598 · #4C3D67 · #072633

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

The five colors

• Honeydew (#D9FAF6): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#44ADBA): A luminous, balanced blue — the color of deep harbor water.
• Teal (#127598): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#4C3D67): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#072633): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged retro, muted, cool.

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

• Cerulean Parlor color palette (#E2F5FF, #009EB8, #4961A2, #5A2964, #00251D)
• Cypress Quarry color palette (#E1F8F1, #6AAD88, #007C6E, #25486F, #00292B)
• Wandering Sky Alley color palette (#E1F7F7, #81B1D8, #66789D, #68455F, #1E2D3E)
• Hushed Cerulean color palette (#EAF4F4, #CBDFF3, #6B8FC3, #306482, #1C2C46)
• Petrol Corridor color palette (#D2E5F0, #00829C, #203441, #0A181E, #03070A)
• Weathered Parlor color palette (#FFF3E8, #57A996, #07739E, #743E00, #29452C)
• Soft Station color palette (#D5E7DC, #008ABC, #00509E, #530057, #001423)
• Washed Lantern color palette (#E8F5F0, #A8BB90, #647D5A, #365D5B, #0D2E27)

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