Hushed Petrol color palette — #F2E5E9 · #7CBBEA · #5466AB · #004B4B · #1C0A32

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

The five colors

• Rose Water (#F2E5E9): a clean, paper-quiet neutral.
• Sky (#7CBBEA): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5466AB): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1C0A32): A deep, shadowed, dusty 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

• Quiet Sapphire color palette (#FFECF3, #65C7FF, #3262EC, #00524E, #1F0645)
• Wandering Petrol color palette (#F1E4EF, #75C2C7, #00759B, #004F28, #001337)
• Airy Petrol color palette (#E4F2F1, #8CB6DD, #2968B4, #004B69, #142A5C)
• Aged Hollow color palette (#F4EDE6, #A3C9E9, #6884C5, #006A76, #2C2553)
• Ash Delta color palette (#F5EFF6, #CFD5F3, #78A3BA, #49746F, #273848)
• Weathered Archive color palette (#CCECEF, #00ACBE, #00666F, #002D32, #000808)
• Linen Loft color palette (#EDD9E3, #0097C5, #004596, #002C26, #040019)
• Timeworn Emerald Cabin color palette (#DBE6D2, #009C62, #006B63, #00383F, #001723)

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