Hazy Brick color palette — #CCF2EF · #00933B · #BF0B05 · #663E00 · #010200
A conversation between Ruby and Kelly Green, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#CCF2EF): A whisper-light, dusty teal — the color of shallow lagoons.
- Kelly Green (#00933B): A full-bodied, vivid green — the color of new leaves after rain.
- Ruby (#BF0B05): A full-bodied, vivid orange — the color of toasted spice.
- Bronze (#663E00): A full-bodied, balanced gold — the color of old brass.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged jewel, 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
- Plum Workshop color palette (#CFEBE3, #5F8600, #B80053, #7E3400, #020200)
- Chestnut Pier color palette (#CDF3F8, #008775, #934A00, #524400, #000300)
- Frosted Atelier color palette (#F5E4FC, #F11880, #946600, #495700, #000A0B)
- Plum Market color palette (#EEE9FA, #A90096, #823900, #4A3900, #010200)
- Dusty Rose color palette (#EBECFF, #C27CFF, #FB2946, #9C5A00, #171600)
- Hushed Mulberry color palette (#D1ECFE, #006A89, #780050, #2C2000, #000203)
- Airy Canyon color palette (#DFEEFF, #0077D7, #A000A0, #8D0034, #040100)
- Linen Amber color palette (#E3FAFF, #00CCBD, #D57F00, #838200, #002625)
Browse the whole catalog at Explore, or see today's palette.