Muted Petrol Terrace color palette — #F0F7F2 · #D0DCDD · #BEADBE · #007084 · #313E36

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D0DCDD): bright and airy, almost weightless.
• Ash (#BEADBE): A luminous, dusty pink — the color of neon signs at night.
• Teal (#007084): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#313E36): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Patina Grove color palette (#EFF6FA, #D7D8E1, #C1BBCD, #0090A2, #2C3E45)
• Washed Basalt Terrace color palette (#F3F6EF, #CEDDD8, #A7B9AB, #27735A, #2B4300)
• Ancient Study color palette (#FDF1F7, #E6D5D2, #D0B4B6, #6D5DA1, #4C3943)
• Patina Studio color palette (#FAF3F8, #E2D7D7, #B0ACA2, #95778E, #585056)
• Abyss Coast color palette (#DFE7E3, #ACBDB8, #9A8797, #004C63, #0C251B)
• Cocoa Veranda color palette (#C8EDFF, #B99BB9, #8F6F7F, #76410F, #4F3D12)
• Muted Aubergine Balcony color palette (#F5ECEF, #D7C8CA, #B29A99, #634288, #3B272F)
• Ancient Navy color palette (#EDE4EA, #A9939B, #86676D, #251D61, #13040E)

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