Hazy Brick color palette — #DFF5E4 · #BB0020 · #463E00 · #00115D · #080200

Built around Ruby, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DFF5E4): A whisper-light, dusty teal — the color of sea glass.
• Ruby (#BB0020): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#463E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Indigo (#00115D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#080200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Energy, Balance. Tagged retro, vibrant.

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

• Feathered Plum color palette (#E7E5CD, #B70050, #503900, #002139, #0B0100)
• Navy Lagoon color palette (#D3E7D3, #A04400, #344400, #150064, #060300)
• Obsidian Terracotta color palette (#FEE4F3, #933700, #003E52, #00193D, #000010)
• Cocoa Lagoon color palette (#F6E6C4, #6A3F00, #2E2200, #001208, #060300)
• Softworn Bronze color palette (#F1DFDC, #A16E24, #295F32, #2A294B, #0D0430)
• Patina Bronze Atelier color palette (#D2F0D9, #A86A00, #6D5700, #00462F, #060300)
• Wandering Archive color palette (#F5E4DF, #807300, #00574A, #450058, #060E00)
• Peony Parlor color palette (#E1EFE1, #FF308E, #AF6600, #0A6512, #050400)

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