Hushed Petrol Pier color palette — #CDF0F1 · #50A4C2 · #4A6BAC · #71323A · #5C2B0C

Built around Slate, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Frost (#CDF0F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#50A4C2): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4A6BAC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Oxblood (#71323A): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#5C2B0C): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Mulberry Canyon color palette (#C9EAD9, #00B0B3, #007DA7, #7B2859, #6D222D)
• Denim Pier color palette (#D0EFE4, #8393C8, #6D5295, #623A15, #36332C)
• Ancient Iris Lantern color palette (#DBF2E2, #44BFC7, #7082C8, #805527, #542F00)
• Periwinkle Studio color palette (#CCEEF8, #75C8F8, #69A3EB, #8A6996, #5A3150)
• Wandering Periwinkle color palette (#D6F0FF, #84AAE7, #7F75B0, #804B27, #4D4942)
• Soft Cabin color palette (#CBEEE3, #008BD8, #9E5F00, #005383, #442600)
• Patina Mulberry color palette (#D9DCFB, #8B5B9B, #7B2856, #323000, #082400)
• Chalky Garden color palette (#D1E4E8, #009FCA, #006FA1, #004577, #042770)

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