Muted Petrol color palette — #F5EBF4 · #70C1C5 · #007296 · #005329 · #162E50

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

The five colors

• Blush (#F5EBF4): a clean, paper-quiet neutral.
• Mint Leaf (#70C1C5): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005329): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#162E50): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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 Delta color palette (#FDF1FA, #87D3E1, #3D7FA9, #1F6046, #2B3B55)
• Petrol Grove color palette (#E9EAE1, #7EC1C4, #007986, #004C46, #001A20)
• Hushed Study color palette (#FCE8EF, #75B9EA, #4861B6, #00504F, #332350)
• Denim Garden color palette (#EBD8E3, #56ACC6, #00599A, #003F32, #171747)
• Dusty Meadow color palette (#C8F1FF, #00A2BD, #005E76, #002D3A, #001B23)
• Washed Lilac Corridor color palette (#CCF4FD, #95CDFF, #A78BC7, #386C47, #163C4F)
• Airy Delta color palette (#D6F4DB, #00997C, #006F70, #004356, #002B50)
• Cypress Ridge color palette (#FAF3F8, #D6D6EC, #7B9EB8, #447979, #465367)

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