Hushed Petrol color palette — #F2E7E0 · #87BDCF · #2B6EAB · #004D3D · #0F0C3B

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F2E7E0): bright and airy, almost weightless.
• Ash (#87BDCF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#2B6EAB): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0F0C3B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Antique Veranda color palette (#F4E5E2, #82C1BC, #00778F, #0C4F07, #00172C)
• Patina Petrol color palette (#F3EEE6, #85BBCD, #0070A0, #004F51, #082F54)
• Antique Cobalt Thicket color palette (#F9F0E9, #A5D4C0, #607CAD, #005C54, #20193D)
• Hushed Garden color palette (#F2E5D9, #73A2C7, #404FA0, #00393A, #110026)
• Antique Fern color palette (#FBEFEB, #9CDED8, #0092AD, #176707, #002743)
• Dusty Azure Dune color palette (#E2F0FF, #20A5E4, #00648E, #002A3E, #000710)
• Quiet Lagoon color palette (#D4F1E8, #009C9E, #005E70, #003C5E, #0C1143)
• Antique Chestnut color palette (#CEE7F7, #0074A2, #944400, #5D4200, #000C16)

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