Hushed Petrol color palette — #ECF7FF · #F1AFBD · #1C7C9F · #11495E · #19232A

Cerulean and Ballet Pink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Ballet Pink (#F1AFBD): A luminous, dusty red — the color of late-summer berries.
• Cerulean (#1C7C9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#11495E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#19232A): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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 Cypress color palette (#E8F9FB, #F9AF9C, #008571, #0C4E42, #122528)
• Patina Marigold color palette (#EBFAEE, #CAAA65, #005C67, #1A3523, #0F1E1C)
• Linen Coral color palette (#D0E8FF, #FF8069, #005F9B, #003052, #011020)
• Cerulean Parlor color palette (#F0F6FB, #DCDAE4, #CABDCF, #6197B5, #3F4951)
• Faded Sapphire Studio color palette (#EFF6FF, #EBAF30, #3861C5, #1F376E, #121B29)
• Wandering Bone color palette (#E6F9FF, #C6DFAA, #5BA3A3, #3E6B77, #172428)
• Wandering Lilac Coast color palette (#EFF7F9, #76D6DC, #A977C7, #009299, #232230)
• Washed Pier color palette (#E6FAF7, #70B172, #C97657, #4C7C4D, #1A3936)

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