Hushed Petrol color palette — #EAF9F4 · #EDDADC · #D3B2BA · #0A71A9 · #2A463E

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Shell Pink (#EDDADC): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D3B2BA): A luminous, dusty red — the color of a theater curtain.
• Slate (#0A71A9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#2A463E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Sapphire Studio color palette (#FDF1F9, #E4D6D3, #CDB5B4, #555FBA, #4B3A46)
• Dusty Workshop color palette (#EBF9F5, #EEDADE, #E3BBBC, #008AE7, #2E453F)
• Worn Basin color palette (#EDF2F8, #D6D4E1, #B5BEDE, #006EBA, #192634)
• Washed Grove color palette (#F3ECF3, #D6C7CF, #B6979C, #23578B, #332A34)
• Driftwood Market color palette (#FBF2F4, #E0D9D4, #A6AEA5, #A1737E, #585052)
• Weathered Olive color palette (#FFF3E8, #B8A253, #57752A, #5D456F, #3D3A34)
• Hushed Periwinkle color palette (#B2F6FD, #8BADE6, #8E6D8B, #34683F, #055046)
• Worn Grape color palette (#FFF1F5, #E9CAC9, #C69C8B, #772EA9, #452933)

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