Muted Petrol color palette — #F1F7F3 · #D1DCDC · #BDAEBD · #007083 · #2D3F34

Teal and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#D1DCDC): bright and airy, almost weightless.
• Ash (#BDAEBD): A luminous, dusty pink — the color of neon signs at night.
• Teal (#007083): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#2D3F34): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Wandering Courtyard color palette (#F9F3F8, #E4D5D6, #C6ABB5, #4162A3, #443542)
• Cerulean Quarry color palette (#EFF7FA, #D6D9E7, #C3BAD5, #00919E, #333C40)
• Cypress Lantern color palette (#F3F6F0, #D1DCD8, #A7B9AB, #047657, #2C4300)
• Aged Chapel color palette (#F9F3F7, #DFD7D7, #B0ACA2, #6E7FB4, #575056)
• Abyss Pier color palette (#E3EEE8, #ADBDB8, #9F849B, #004C63, #14231C)
• Weathered Courtyard color palette (#C7EAD9, #B29CB1, #756D9E, #784120, #554013)
• Twilit Petrol color palette (#CDE7DE, #0068A1, #331D30, #001912, #000605)
• Gentle Garnet Chapel color palette (#FAEDD7, #2493B3, #385996, #781303, #08392C)

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