Hushed Petrol color palette — #FDECE3 · #64C2C7 · #0081A0 · #005C3F · #002139

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

The five colors

• Cream (#FDECE3): A whisper-light, dusty orange — the color of toasted spice.
• Aqua (#64C2C7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C3F): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002139): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Antique Petrol Courtyard color palette (#FCEAE0, #59AFCA, #006CA7, #004B44, #020E3A)
• Cerulean Alley color palette (#EFF8F0, #94DADD, #0089A0, #005344, #000F17)
• Aged Cobalt color palette (#F9ECE4, #84D2E6, #0090CF, #006D5F, #1B2E4C)
• Pale Indigo Coast color palette (#ECE1D5, #82B7E7, #4D6CD1, #005763, #201641)
• Turquoise Garden color palette (#C9E5EF, #00AECE, #006E7F, #003742, #000D11)
• Lilac Study color palette (#CBE9D1, #6BCEFF, #9C93F5, #007754, #002D1D)
• Washed Lagoon color palette (#D0F2DC, #009C89, #007276, #004655, #002032)
• Muted Scarlet Harbor color palette (#DFF2E2, #0098A2, #D52028, #005E65, #3A0003)

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