Hazy Brick color palette — #D1E9F8 · #008DAF · #B53B30 · #004F63 · #2B0000

Built around Brick, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Frost (#D1E9F8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008DAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Brick (#B53B30): A full-bodied, balanced orange — the color of sun-warmed clay.
• Peacock (#004F63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#2B0000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Pale Brick color palette (#CCE2ED, #008EA6, #C5170D, #005262, #4D0F09)
• Rust Study color palette (#DCECF7, #3B9CC9, #BF5A32, #005D7F, #350D00)
• Misty Plum Atelier color palette (#DBEEF0, #00957B, #BF2347, #005344, #2A0007)
• Navy Station color palette (#DBE8F9, #457FD1, #A05400, #004292, #200C00)
• Cobalt Study color palette (#D2E4F9, #1D7BD5, #7E2C00, #003668, #140300)
• Washed Ember Garden color palette (#E1FDEB, #2CCDEE, #CF5D2B, #006F83, #2F0B00)
• Patina Field color palette (#D4EFF8, #00788F, #964200, #5F4100, #000D12)
• Petrol Alley color palette (#E8F3FF, #76A9D8, #B5823F, #0068AC, #392100)

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