Muted Petrol color palette — #F9ECE1 · #75BCDC · #3268B0 · #005147 · #2B2752

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F9ECE1): A whisper-light, dusty gold — the color of old brass.
• Sky (#75BCDC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3268B0): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2B2752): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Softworn Cobalt Quarry color palette (#FCF3EB, #9DCBED, #5E75B5, #00605E, #3E3357)
• Petrol Garden color palette (#DDEDEC, #83BCDA, #0072AA, #004959, #00172D)
• Patina Pier color palette (#F8E1DB, #5DAEAC, #006178, #00420E, #00203E)
• Timeworn Cerulean color palette (#FFF2ED, #84E0E2, #008CB2, #216936, #1F4168)
• Periwinkle Veranda color palette (#F8EAF1, #B7D8F0, #66A8F3, #009191, #22275A)
• Timeworn Ash color palette (#FBF4EE, #C1F0F3, #8599C3, #5B7757, #604C55)
• Linen Plum Workshop color palette (#FAE2EA, #C00074, #006D69, #044F63, #351021)
• Patina Taupe Chapel color palette (#FFE2F5, #FCAA94, #B2A150, #625089, #44271D)

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