Hazy Brick Pier color palette — #FFF0FC · #FFA399 · #00A7E5 · #C40418 · #00405B

A conversation between Ruby and Cyan, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#FFA399): A luminous, balanced orange — the color of autumn markets.
• Cyan (#00A7E5): A luminous, balanced blue — the color of open sky before noon.
• Ruby (#C40418): A full-bodied, vivid orange — the color of autumn markets.
• Navy (#00405B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Sunlit Hollow color palette (#FFF2EB, #FFB19C, #09C5E2, #D73F0E, #00353E)
• Azure Harbor color palette (#FFF1F7, #FFA868, #00AAD8, #9D5100, #004155)
• Crimson Station color palette (#FFF0FE, #FF828A, #00B1B3, #DE0042, #004444)
• Linen Terracotta color palette (#EBD8E3, #D67E58, #0092C4, #A43F00, #002D40)
• Quiet Bronze color palette (#EBFAEC, #D5B278, #79A6E8, #A77600, #294368)
• Hushed Plum Hollow color palette (#F8F2FF, #FC9BD2, #00B58E, #B60083, #004635)
• Hazy Indigo color palette (#FFF2ED, #E96067, #755DFF, #AE002B, #352E73)
• Timeworn Apricot color palette (#E0E7F8, #00DBE7, #FB9A2F, #5B3100, #2F1F26)

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