Hushed Petrol color palette — #FFF1F6 · #A890D3 · #52A27B · #566BAA · #432A35
A conversation between Slate and Fern, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Mauve (#A890D3): A luminous, balanced violet — the color of wild irises.
- Fern (#52A27B): A luminous, balanced teal — the color of sea glass.
- Slate (#566BAA): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#432A35): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Creativity, Balance. Tagged 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
- Washed Jade color palette (#F3F4FF, #BBA1F7, #27B88A, #606EA8, #202337)
- Aged Wisteria color palette (#FFF1F3, #C384CA, #4CA287, #2E7F67, #452A30)
- Softworn Azure color palette (#FFF1F3, #C287BC, #6591CD, #5B6D9E, #442B2E)
- Patina Denim Alley color palette (#FFF2EE, #D98C92, #33918B, #186490, #0A3C59)
- Timeworn Blush Thicket color palette (#FCF5E2, #E199B3, #A47E4F, #39688F, #433B38)
- Washed Amber color palette (#FFF3E9, #DB874A, #4C9DA9, #1C7C88, #38322D)
- Chalky Mint color palette (#FFF2F0, #F29BBE, #79C36F, #44A0A3, #422C2A)
- Hushed Pine Chapel color palette (#FAF2FF, #AB6A85, #468050, #005E67, #3A2C43)
Browse the whole catalog at Explore, or see today's palette.