Hushed Petrol Pier color palette — #ECF4F1 · #DCD0CF · #C9B4B7 · #3D7CA1 · #232F2A

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DCD0CF): a clean, paper-quiet neutral.
• Rosewood Mist (#C9B4B7): A luminous, dusty red — the color of embers at dusk.
• Slate (#3D7CA1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#232F2A): a grounded near-black with real depth.

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

Use it as a design system

One click turns Hushed Petrol Pier 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

• Petrol Field color palette (#F0F6FA, #DBDAE4, #C6BCCC, #3E7D98, #41494E)
• Dusty Lagoon color palette (#F1F3E7, #ABB99E, #3C837B, #395E4A, #212B15)
• Muted Indigo color palette (#FAEEF4, #E5D1CE, #D6B6B9, #6D58B5, #301F28)
• Dusty Chestnut color palette (#FEEAFF, #CFB5C4, #9E7982, #70522C, #38362F)
• Tempered Corridor color palette (#F0F7F4, #DED4D2, #A5A095, #59A9CE, #38423D)
• Antique Ultramarine color palette (#F9EEF8, #E0CDD9, #C2A0AF, #0055BB, #261126)
• Aged Navy color palette (#E1EBE8, #A89BA5, #8F7282, #003860, #000604)
• Dusty Study color palette (#F6E9F4, #5673B0, #432637, #1F0F1E, #010806)

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