Hushed Petrol color palette — #F5E5DE · #67C3D2 · #00759D · #004D3D · #001631

Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F5E5DE): a clean, paper-quiet neutral.
• Cyan (#67C3D2): A luminous, balanced blue — the color of deep harbor water.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Tempered Field color palette (#F7EAF3, #8CB9CB, #11709E, #005235, #192B58)
• Worn Cobalt Coast color palette (#F8F0EB, #8ED3EA, #2883BE, #005C54, #2E172B)
• Denim Station color palette (#EDE0D6, #48A8D3, #0058A4, #003939, #050030)
• Washed Cerulean color palette (#EAF9F6, #B0F2FF, #00A2C3, #00696B, #00222F)
• Worn Coast color palette (#F9E9E0, #0D9E9C, #005361, #002E18, #00050B)
• Patina Ash Hollow color palette (#F8F0EB, #BFEFEA, #79A897, #5F7255, #412F40)
• Lapis Hollow color palette (#EAE3D6, #9D7A00, #6951CC, #584300, #13003C)
• Aged Chartreuse color palette (#FFEFCB, #A9D580, #46BA9D, #7C4C1B, #1D1800)

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