Hushed Petrol color palette — #C7E8E1 · #6FA3B7 · #666AA2 · #584400 · #162B00

A conversation between Slate and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#C7E8E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6FA3B7): A luminous, dusty blue — the color of deep harbor water.
• Slate (#666AA2): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#584400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#162B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Pewter Station color palette (#C9F0F7, #6F8AB0, #705B8A, #3F3C00, #00200F)
• Antique Cocoa Corridor color palette (#E5F2E3, #55A3A1, #356F9C, #843200, #2E2700)
• Hushed Corridor color palette (#E2E8F8, #7F7ABC, #5D4675, #5F2233, #3E1F00)
• Soft Iris Ridge color palette (#D1E8F1, #8BB4F3, #9877C0, #5A6200, #004F36)
• Patina Cypress Quarry color palette (#ECEFFF, #ABA5C9, #937895, #1F675E, #05394A)
• Tempered Iris Balcony color palette (#D0E0F6, #8EA0D9, #8A7EBF, #665472, #3B233E)
• Cobalt Basin color palette (#F2E4ED, #7EBCD1, #007BBE, #005A53, #08194D)
• Cypress Atelier color palette (#DEF7ED, #72A074, #00715A, #004E5E, #002205)

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