Hazy Pier color palette — #DAECEF · #009792 · #C23248 · #922736 · #000904

Ruby takes the lead with Garnet close behind in a set that reads as balance at first glance.

The five colors

• Frost (#DAECEF): a clean, paper-quiet neutral.
• Fern (#009792): A luminous, balanced teal — the color of shallow lagoons.
• Ruby (#C23248): A full-bodied, vivid red — the color of a theater curtain.
• Garnet (#922736): A full-bodied, balanced red — the color of a theater curtain.
• Ink (#000904): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Hazy 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

• Linen Rust Workshop color palette (#DDEBF4, #0096BA, #BE4C00, #873300, #010900)
• Ancient Mulberry Bloom color palette (#CAE5F3, #0087A8, #AE0046, #7F0029, #000300)
• Softworn Canyon color palette (#CFF0FE, #009AA8, #4E58EA, #95124C, #060900)
• Powdered Plum Boulevard color palette (#C4F1E9, #20B556, #B10081, #9A213E, #110006)
• Soft Byzantium Bloom color palette (#D6F3FE, #00A2B0, #A247A6, #724500, #1D0E00)
• Timeworn Sapphire Coast color palette (#EEDDE4, #00ACB4, #1F71E3, #804300, #001A22)
• Hushed Scarlet color palette (#DDF3FF, #24BEF0, #DD2A00, #905300, #001D06)
• Pale Petrol Basin color palette (#D1E4F8, #0069AA, #7D3E00, #5E2D00, #000202)

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