Muted Petrol Quarry color palette — #E1F2F8 · #9EC08B · #00717C · #003D44 · #031921

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

The five colors

• Frost (#E1F2F8): a clean, paper-quiet neutral.
• Sage (#9EC08B): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#00717C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#031921): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Seafoam Workshop color palette (#EDF7FD, #A1D3A4, #3A7A98, #19485D, #13242F)
• Worn Oat color palette (#EBFAEF, #B4DEA3, #00707E, #002E34, #000501)
• Antique Moss Veranda color palette (#D5EDFA, #63A64E, #004E5D, #001F27, #000305)
• Ancient Taupe Harbor color palette (#E2F1FB, #C48B80, #004A5E, #002632, #060D20)
• Misty Coast color palette (#D7E6FA, #00C98D, #1C56B1, #002868, #010D2A)
• Aged Cerulean color palette (#E1F4EA, #FEB39F, #2794BB, #2B5D71, #071A12)
• Muted Cornflower color palette (#EEF6FE, #75BDF0, #6479D0, #0079B5, #0F182A)
• Hushed Shell color palette (#F0F5FF, #F7C1C8, #727BA2, #434D62, #272B35)

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