Muted Petrol Grove color palette — #EFF7F3 · #D2BE94 · #34657C · #243F34 · #1B2727

Peacock and Sand set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Sand (#D2BE94): A luminous, dusty gold — the color of old brass.
• Peacock (#34657C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#243F34): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1B2727): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Muted Petrol Grove 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

• Tempered Harbor color palette (#FCF1FA, #D4BC97, #70526D, #453143, #2C2224)
• Worn Villa color palette (#EEF7FD, #F3DBA9, #6FA7C3, #547185, #252C32)
• Dusty Cerulean Boulevard color palette (#EEF6FE, #E7C6DB, #5783A4, #355068, #222D36)
• Petrol Market color palette (#EEF8F5, #9DC5E8, #896FA9, #3972A0, #39282F)
• Ancient Navy Boulevard color palette (#FEF0FF, #C59B39, #004888, #00264D, #251227)
• Muted Courtyard color palette (#EDF8F5, #688BB6, #8B5242, #525120, #2A3629)
• Driftwood Loft color palette (#F9F3F8, #E1D7D7, #B0ADA4, #94778F, #575056)
• Chestnut Atelier color palette (#DAF8EE, #785900, #1F232A, #001627, #000306)

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