Hazy Brick color palette — #F0DCDE · #B761B2 · #AE2B39 · #5D3A00 · #1B2300

A conversation between Ruby and Hot Pink, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F0DCDE): A whisper-light, dusty red — the color of a theater curtain.
• Hot Pink (#B761B2): A luminous, balanced pink — the color of neon signs at night.
• Ruby (#AE2B39): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#5D3A00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1B2300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Aged Garden color palette (#F4DBD6, #CE5978, #954E00, #474500, #002716)
• Aged Rust Workshop color palette (#FFEDEE, #C278B3, #B8483F, #694900, #301F52)
• Worn Bloom color palette (#FFE7ED, #BD95B4, #AA7389, #805534, #493107)
• Aged Mulberry color palette (#F1DAE7, #7E78D6, #982E93, #7F0026, #321800)
• Brick Quarry color palette (#F2DACD, #B42F00, #574100, #0E2F00, #000A09)
• Dusty Orchid Grove color palette (#F2F4FF, #9F70FC, #A5267A, #691500, #000E1D)
• Mulberry Basin color palette (#EDDBE7, #707ED1, #943592, #004E47, #002236)
• Hazy Bronze Summit color palette (#FEF2F0, #D28EA0, #B76938, #6B5E00, #194223)

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