Hushed Petrol color palette — #FFF1F5 · #F6D3C5 · #DD9DAC · #6462AB · #5A333B

Built around Slate, softened by Rosewood Mist — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#F6D3C5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#DD9DAC): A luminous, dusty red — the color of late-summer berries.
• Slate (#6462AB): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#5A333B): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

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

• Ancient Atelier color palette (#FFF0FE, #F8CFD0, #CAA5D8, #167AA8, #55364D)
• Timeworn Meadow color palette (#FFF1F2, #E2D8D1, #F2AFA3, #9571AD, #654342)
• Apricot Meadow color palette (#FFECF4, #FFCFEF, #ECA086, #3C6D94, #321A20)
• Aubergine Loft color palette (#F6D5DC, #E5A1C8, #CA666B, #542494, #38102F)
• Mulberry Garden color palette (#FFEEF5, #FBB7B8, #F58A4C, #A00094, #60122A)
• Plum Orchard color palette (#FFF2ED, #EBDBB8, #D2AF5F, #B8446A, #693A24)
• Feathered Terracotta Lantern color palette (#FFE6D8, #F4C7A2, #B39950, #973B44, #4D2711)
• Patina Onyx color palette (#F9EBEA, #B59758, #632D4E, #3E052C, #240F10)

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