Hushed Petrol color palette — #F5E4EB · #8CBAD5 · #356CB0 · #004B4D · #0F0E3A

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

The five colors

• Rose Water (#F5E4EB): A whisper-light, dusty rose — the color of pressed rose petals.
• Sky (#8CBAD5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#356CB0): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0F0E3A): 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

• Timeworn Petrol color palette (#E6F1F0, #8AB8D3, #0A6EA6, #004D5F, #042F54)
• Cobalt Market color palette (#FBEEF2, #AFCBE5, #5F79BB, #005A64, #201A3C)
• Hushed Petrol color palette (#EFE6EC, #7CC2BF, #00788C, #004E2C, #001826)
• Cypress Thicket color palette (#F8EFF2, #D9D0E3, #879DC4, #2B777F, #2E354A)
• Patina Denim Pier color palette (#E7DAE2, #5095A8, #004E76, #002C27, #000217)
• Pale Lantern color palette (#DFF3ED, #799D22, #5847B2, #3A4F00, #12003D)
• Timeworn Chestnut Corridor color palette (#D3F4E8, #AADBB5, #44AAB1, #735400, #001F1A)
• Aubergine Atelier color palette (#D9E2CB, #6D8A22, #59348F, #681752, #080D00)

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