Hushed Petrol Alley color palette — #EFE8DE · #91BFAD · #326EA8 · #004A54 · #051139

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EFE8DE): bright and airy, almost weightless.
• Mint Leaf (#91BFAD): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#326EA8): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#051139): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed Petrol Alley 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

• Petrol Archive color palette (#EFE8DC, #84C0BE, #007986, #004D39, #001922)
• Timeworn Cobalt Veranda color palette (#F7F1E7, #ACD1C6, #5A7CB5, #00586D, #191C3E)
• Tempered Sapphire Canyon color palette (#F5EBF0, #7FBADB, #3B64B6, #00504A, #2E274C)
• Cerulean Quarry color palette (#EFE9DE, #4596AD, #005070, #002C2B, #00040E)
• Patina Orchard color palette (#F5F1EB, #C6E3E6, #7F9EC8, #00788D, #462C40)
• Softworn Abyss color palette (#E7E0D4, #648162, #00444B, #002015, #000202)
• Powdered Meadow color palette (#EAE8D9, #587804, #00629F, #8E003E, #070D00)
• Pale Amethyst Boulevard color palette (#E7E4CF, #788925, #8244C4, #414D00, #1B0034)

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