Muted Petrol color palette — #F7EDDC · #74C6CD · #007389 · #003F34 · #000306

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

The five colors

• Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
• Aqua (#74C6CD): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F34): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. 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 Chapel color palette (#FDF4E5, #9CD6E8, #0084B6, #005151, #000D1E)
• Ancient Denim color palette (#F2EADD, #71AACB, #005697, #002A31, #00000C)
• Lagoon Corridor color palette (#F1E6F0, #209CA2, #00516B, #002E13, #000411)
• Forest Canyon color palette (#EDDFDA, #4CC4CA, #0090BB, #007238, #001231)
• Softworn Terrace color palette (#FEF4E4, #D3EBFF, #00A9DA, #00736C, #002741)
• Jade Field color palette (#A1F3C9, #00B77B, #006642, #001E0F, #000201)
• Moss Bloom color palette (#EEF1DF, #699100, #265E00, #003418, #000201)
• Fern Lagoon color palette (#CBFADB, #8BE4D0, #1DADC1, #416C00, #000B05)

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