Hushed Petrol color palette — #F5F6EC · #A2B795 · #457D88 · #6F524C · #3A4734

Built around Slate, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Sage (#A2B795): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#457D88): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#6F524C): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#3A4734): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Chestnut color palette (#FEF3E5, #ACB58A, #587E62, #785107, #4D4200)
• Lagoon Alley color palette (#E9F4F3, #8ABEC2, #33847D, #685128, #032E30)
• Antique Garden color palette (#F4F6EE, #B9CBA7, #4AA098, #866D45, #324C08)
• Aged Corridor color palette (#FEF3EA, #A99A6A, #546C2F, #395335, #38352F)
• Lagoon Meadow color palette (#E4FFD9, #74D1BF, #2B8A6B, #004F3D, #003728)
• Washed Driftwood Pier color palette (#F3F8E7, #B9E2EA, #A2C0EF, #7F7E46, #434F39)
• Frosted Market color palette (#F0EABC, #8FB36B, #34905D, #00685C, #035252)
• Pine Courtyard color palette (#F3F8E5, #6FB17C, #BB6D91, #21783C, #5D3346)

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