Hushed Petrol color palette — #F5EDE2 · #92BDA3 · #00719A · #00504E · #003053

Peacock and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sage (#92BDA3): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#003053): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed 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

• Worn Petrol Loft color palette (#F6EDDF, #90B6D7, #4067A9, #004D5F, #242952)
• Ancient Cobalt color palette (#FAF4EB, #A7D0BC, #407EAC, #005F65, #263B5A)
• Wandering Meadow color palette (#F1E7E1, #95BFA6, #0070B3, #004D3B, #0D0E3B)
• Patina Lagoon Summit color palette (#CBE6E2, #009BA2, #006877, #00455C, #1D264B)
• Worn Balcony color palette (#CCF9E3, #95CAFF, #9F97E8, #006A73, #113F35)
• Softworn Courtyard color palette (#F1E9DE, #38A0A7, #005362, #003128, #001722)
• Pale Sky Harbor color palette (#E6F2E8, #95E0F5, #23B2EC, #00918E, #013052)
• Tempered Orchard color palette (#C7E7D5, #008DAC, #AD4600, #005265, #471800)

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