Hushed Petrol Pier color palette — #EFF6FF · #BBDBFD · #769DD3 · #39689C · #1D3A59

Slate and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Powder Blue (#BBDBFD): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#769DD3): A luminous, balanced blue — the color of open sky before noon.
• Slate (#39689C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1D3A59): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Timeworn Market color palette (#E8F8FF, #A9DCF0, #52ADB3, #007588, #003D44)
• Worn Powder color palette (#FEF0FF, #DAD3DB, #89B6E9, #4F7093, #382137)
• Worn Cobalt color palette (#FFF0FE, #AED1F9, #5084C4, #33537E, #472D47)
• Timeworn Pewter color palette (#F3F4FF, #E0CCF7, #AC8FC6, #765B9B, #433156)
• Weathered Hollow color palette (#ECF7FF, #DEDAE4, #CCAEA4, #5BADB1, #3F4D5F)
• Iris Cabin color palette (#F1F5FC, #BED2F2, #C48F57, #6D89D0, #3B272E)
• Dusty Straw Balcony color palette (#DEFFCE, #E3DC81, #B6C9FF, #424F65, #313742)
• Antique Pine Delta color palette (#F5F4FF, #BF9CCA, #C48A8A, #568953, #3D3A4E)

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