Muted Petrol color palette — #F1E3C4 · #7CA782 · #007E8B · #512300 · #060C00

Teal and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E3C4): A whisper-light, dusty gold — the color of old brass.
• Moss (#7CA782): A luminous, dusty green — the color of fresh herbs.
• Teal (#007E8B): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#512300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#060C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged pastel, light, 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 Pier color palette (#DEEECE, #4FAD94, #0575BA, #463000, #000D06)
• Garnet Atelier color palette (#F2E5D6, #88925A, #007E69, #590015, #160E00)
• Tempered Cypress color palette (#E0F1E9, #759A63, #007552, #372900, #010300)
• Bronze Loft color palette (#F5EBCB, #85BE84, #2FA7BE, #9E5412, #0B0E00)
• Softworn Azure Study color palette (#E0E4BA, #7ABEBC, #3F94DD, #554E00, #002E21)
• Midnight Pier color palette (#E4E6D3, #2C6B1F, #00255A, #042501, #000108)
• Hushed Byzantium Thicket color palette (#FFE4F5, #B300D3, #596D00, #071009, #020200)
• Antique Summit color palette (#F8F7DE, #B0E7D4, #8EBBE3, #7C680C, #384900)

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