Hazy Brick Atelier color palette — #DDF1FF · #009C59 · #C51800 · #140700 · #050004

Brick and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DDF1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Kelly Green (#009C59): A luminous, balanced teal — the color of glacier melt.
• Brick (#C51800): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#140700): A deep, shadowed, dusty gold — the color of old brass.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Hazy Brick Atelier 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

• Linen Crimson color palette (#E2F1FF, #7C8D00, #D2004C, #1A0500, #050006)
• Emerald Ridge color palette (#DFE5FF, #009C5F, #A45E00, #100B01, #060002)
• Timeworn Plum color palette (#D7E5F0, #007E82, #B2005B, #170402, #030005)
• Chalky Ember Field color palette (#DBF6EA, #A28E00, #D35F00, #391400, #040100)
• Hazy Raspberry color palette (#C3F0ED, #9B8100, #C50095, #1C0306, #030107)
• Hushed Bronze color palette (#FBE9F5, #896600, #2E2C1C, #380B00, #0E0100)
• Washed Bronze color palette (#F9E9D9, #8D6A00, #454200, #141E00, #000B07)
• Misty Tangerine Thicket color palette (#DCE3F4, #00CB73, #F86316, #3F1200, #291021)

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