Hushed Petrol color palette — #F1F5FF · #A4ACDC · #59A99B · #656DA6 · #25555C
A conversation between Slate and Turquoise, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Mauve (#A4ACDC): A luminous, dusty violet — the color of a velvet chair.
- Turquoise (#59A99B): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#656DA6): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#25555C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Creativity, Calm, Sophistication. Tagged muted, cool.
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
- Weathered Cobalt color palette (#EDF2FD, #A8B0DE, #93A561, #606AB5, #063A2E)
- Oat Dune color palette (#F3F4FF, #DED7E0, #D8BAD4, #7D86A6, #4B4B5D)
- Pewter Basin color palette (#F7F3FF, #D19DC2, #B49267, #945D86, #3A5539)
- Wandering Archive color palette (#F2F5FF, #9690C6, #AF768B, #388099, #3D4154)
- Mulberry Study color palette (#F8F2FF, #CC86AC, #5C8EBF, #904A72, #254564)
- Muted Driftwood Studio color palette (#EDF9EC, #A6C0AA, #6E896D, #73535F, #3B4D40)
- Iris Loft color palette (#FFF0F9, #BDBFF3, #B8B47A, #8482CE, #5F4A00)
- Timeworn Shell Lantern color palette (#FFF1F7, #D9CBFF, #FFB09F, #AE9CDB, #534B48)
Browse the whole catalog at Explore, or see today's palette.