Hushed Petrol color palette — #F1F5FE · #D8C192 · #646E9D · #373F65 · #1A2131

A conversation between Slate and Sand, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Sand (#D8C192): A luminous, dusty gold — the color of old brass.
• Slate (#646E9D): A full-bodied, dusty violet — the color of wild irises.
• Navy (#373F65): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#1A2131): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Aged Field color palette (#F4F4FB, #B7DCBF, #87739C, #49496B, #2A2A34)
• Softworn Denim Bloom color palette (#F0F5FE, #BAB075, #3A4D8A, #202C50, #1D222A)
• Ancient Cobalt Workshop color palette (#FFF0FB, #FFE2A5, #6672AB, #482F41, #150C12)
• Dusty Coast color palette (#FBF2FA, #DFD989, #7694D2, #735970, #281E27)
• Plum Alley color palette (#F6F3FF, #DEB456, #964392, #5A1D58, #1D152D)
• Ash Quarry color palette (#F4F4FB, #DFD8DE, #CDBBC6, #9D82B4, #474750)
• Hushed Indigo Study color palette (#F2F5FD, #C1BDF5, #CA6E8B, #7E6CD9, #2B1E30)
• Misty Pine color palette (#F2F5FF, #9D83CC, #996B29, #157631, #173043)

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