Hazy Brick color palette — #E6E4D6 · #658500 · #BF0D0A · #394D00 · #260000

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

The five colors

• Parchment (#E6E4D6): a clean, paper-quiet neutral.
• Olive Leaf (#658500): A full-bodied, balanced green — the color of fresh herbs.
• Ruby (#BF0D0A): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#394D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#260000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Energy, Balance. Tagged 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

• Pine Dune color palette (#D9F6E3, #008E57, #965300, #005331, #1B0B00)
• Plum Corridor color palette (#FBECD9, #A26A00, #A5278B, #5F3D00, #22001A)
• Quiet Bloom color palette (#D8E2D4, #3B7800, #00686D, #694000, #020A00)
• Softworn Clover Loft color palette (#CDF1C5, #3EBD00, #E85600, #277E00, #511900)
• Wandering Moss Meadow color palette (#ECF4E0, #848B00, #00442B, #00140A, #010200)
• Bronze Dune color palette (#D3E4CC, #00B09D, #A97F00, #007466, #362600)
• Aubergine Chapel color palette (#EDECD2, #486C00, #700099, #203300, #1B0029)
• Faded Fern color palette (#D4E5D4, #6FBEB9, #00A88F, #376800, #001D0C)

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