Hushed Petrol color palette — #F5EBF3 · #76BFC8 · #00719C · #005331 · #1B2D4F

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

The five colors

• Blush (#F5EBF3): bright and airy, almost weightless.
• Cyan (#76BFC8): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005331): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#1B2D4F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Hushed Cobalt color palette (#FEF1F9, #9FCCE4, #477DAC, #00624C, #31375B)
• Weathered Petrol color palette (#E9EBDA, #85BFC7, #00788D, #004B4B, #001922)
• Soft Ultramarine Basin color palette (#E9F1E8, #7BB7ED, #515CBC, #004F52, #342547)
• Patina Denim Loft color palette (#F4E1EA, #50ABD0, #0F55A6, #003F36, #1D1447)
• Ash Meadow color palette (#FAF2F8, #D7D5EA, #749FBE, #49787A, #485366)
• Lagoon Villa color palette (#EBDFEC, #00A49F, #005264, #033304, #001529)
• Ancient Turquoise color palette (#F5ECE8, #A1E0E8, #2DB3E4, #009474, #002F56)
• Washed Archive color palette (#C5E9CD, #9E7800, #545CC5, #5C4500, #1E2254)

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