Hushed Petrol color palette — #EBF4F1 · #DAD1CF · #C4B5B6 · #4D7A9E · #21302B

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

The five colors

• Cream (#EBF4F1): a clean, paper-quiet neutral.
• Oat (#DAD1CF): bright and airy, almost weightless.
• Stone (#C4B5B6): a calm mid-gray that lets other colors speak.
• Slate (#4D7A9E): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#21302B): 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

• Pewter Boulevard color palette (#FCEDF3, #E6D1CB, #D5B7B8, #735C9E, #301F27)
• Petrol Archive color palette (#F0F6FA, #DBD9E2, #C8BBCC, #3F7B9E, #404950)
• Driftwood Drift color palette (#F7EFF4, #DDD4D4, #B7ADA4, #98778D, #3B3438)
• Worn Chestnut Lantern color palette (#FFE7FD, #CDA6BB, #9F7A81, #744B01, #3D3B34)
• Patina Olive color palette (#F9F1E3, #C0B38A, #6B7D49, #405C4F, #2F260D)
• Navy Corridor color palette (#F4E8F4, #AB9AA6, #8E737F, #00356C, #0A010B)
• Aubergine Orchard color palette (#F1E6E9, #DBC5C8, #B49E9C, #684182, #220F16)
• Weathered Petrol color palette (#FFF0D9, #71A0D3, #6B609E, #693800, #2E1B2C)

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