Hushed Petrol color palette — #F6EFF6 · #E3D4D4 · #CDB8B1 · #5A779C · #2F2A2F

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

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Silver (#E3D4D4): a clean, paper-quiet neutral.
• Stone (#CDB8B1): A luminous, dusty orange — the color of toasted spice.
• Slate (#5A779C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#2F2A2F): quiet, heavy and certain.

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

• Petrol Harbor color palette (#F9F3F8, #E2D7D8, #C9BBBB, #5E73A5, #4F444D)
• Timeworn Pewter Station color palette (#FDEDF2, #E5D2C8, #D9B7A9, #80559E, #2E2025)
• Tempered Bloom color palette (#FBF0E2, #B4B97C, #528355, #6A4B51, #2D2712)
• Dusty Lantern color palette (#F3DAE7, #765DD2, #45272A, #1F1118, #090509)
• Weathered Mulberry color palette (#F1E6E8, #DAC6C3, #B69E91, #713D79, #211014)
• Weathered Market color palette (#F3E8F1, #B695A1, #957172, #162D7A, #090208)
• Timeworn Fern color palette (#D4FDEC, #CEA9BA, #AA817D, #535F17, #363F00)
• Softworn Azure Thicket color palette (#F6F3DC, #43A3EE, #84588B, #424B22, #2E1C29)

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