Hushed Petrol color palette — #FFF1F6 · #F7D1B5 · #ADB378 · #5B71A3 · #2F3F66

Slate and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wheat (#F7D1B5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ADB378): A luminous, dusty green — the color of new leaves after rain.
• Slate (#5B71A3): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2F3F66): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Ancient Dune color palette (#FFF0F8, #FFD3E7, #CF9372, #6A76A9, #373B6F)
• Worn Basalt Canyon color palette (#FFF2F0, #FECDB6, #9B9774, #745D81, #473052)
• Wandering Stone color palette (#FFE3F4, #EEC9A0, #B9B66D, #559CAE, #25496F)
• Cerulean Atelier color palette (#F7F3FF, #FFD3E1, #C39D7A, #3F83A4, #245342)
• Timeworn Atelier color palette (#FFF2EC, #DDE2C7, #ADB498, #97757E, #674A52)
• Weathered Taupe Dune color palette (#F6D5D4, #C4AA70, #598763, #4D3E61, #1C0A2E)
• Hushed Bronze Lagoon color palette (#EFDED8, #C59C6E, #8C7F00, #125C70, #3D2740)
• Washed Harbor color palette (#EAE8FF, #CF999B, #997315, #644D8B, #573F64)

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