Hushed Petrol color palette — #B7F2CF · #69B3B9 · #4875A7 · #5E3C23 · #220D00

Slate takes the lead with Mint close behind in a set that reads as nature and growth at first glance.

The five colors

• Mint (#B7F2CF): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#69B3B9): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4875A7): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5E3C23): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#220D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Misty Onyx Coast color palette (#DBEED0, #65AF9C, #39788D, #6F3032, #3E0109)
• Dusty Sky color palette (#D6F8F8, #73B0DD, #746CA3, #4F4113, #231B00)
• Muted Garden color palette (#D1F8E7, #629FB3, #485A80, #4B2C00, #060600)
• Softworn Cobalt Alley color palette (#D4EEF7, #667DB2, #543D61, #221E00, #040300)
• Muted Canyon color palette (#C7E5EB, #3E89A6, #0F5888, #3B224E, #24060C)
• Softworn Garden color palette (#D9E8F6, #89A3D4, #7D81BC, #8C3970, #4F0B26)
• Gentle Bronze Hollow color palette (#C2E7FF, #0083BB, #A64E00, #764900, #000204)
• Rust Terrace color palette (#C9FBE9, #26ABEF, #B14800, #00537A, #130300)

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