Hazy Brick color palette — #EFDFE4 · #AAB27A · #24AF97 · #B31F3F · #160F00

Ruby and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#EFDFE4): a clean, paper-quiet neutral.
• Sage (#AAB27A): A luminous, dusty green — the color of a quiet forest floor.
• Turquoise (#24AF97): A luminous, balanced teal — the color of sea glass.
• Ruby (#B31F3F): A full-bodied, vivid red — the color of a theater curtain.
• Ink (#160F00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Balance. Tagged pastel, light.

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

• Rust Terrace color palette (#CFF4DF, #6BB4A0, #00A8B1, #AF3F00, #080F00)
• Misty Plum color palette (#FFE8FA, #C0A677, #7DA955, #A13F7E, #1C0B00)
• Airy Moss Dune color palette (#E9DDCE, #B09C53, #6D941E, #743000, #100B00)
• Airy Sky Corridor color palette (#D4F4EC, #64C8D7, #38B1FD, #A57000, #002113)
• Washed Garnet Thicket color palette (#FFE6EF, #927F45, #8A4F00, #7B0402, #030400)
• Washed Moss Workshop color palette (#F9E2CE, #8F8800, #007652, #5F0821, #030100)
• Feathered Moss Bloom color palette (#E2EEE6, #9F8A00, #006AA2, #655800, #000205)
• Airy Mulberry Atelier color palette (#DCF4ED, #55810B, #006C86, #770056, #010200)

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