Brick Lagoon color palette — #E5F4E7 · #AE3629 · #563400 · #002A2D · #2A0B00

Brick and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#E5F4E7): A whisper-light, dusty green — the color of a quiet forest floor.
• Brick (#AE3629): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#563400): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#002A2D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#2A0B00): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged retro, muted, warm.

Use it as a design system

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

• Aged Plum Hollow color palette (#DEEEE1, #A93165, #6D1D00, #002C1F, #31000B)
• Moonless Chestnut Courtyard color palette (#D2E4D5, #894000, #3B2E00, #001C25, #140800)
• Plum Alley color palette (#CEEDDA, #A9286F, #553200, #001E3E, #120001)
• Timeworn Terracotta color palette (#F9DEF0, #9A2B00, #214000, #002331, #220025)
• Soft Raspberry color palette (#F4EEE0, #CB4A85, #7A4D00, #003A65, #2C0707)
• Airy Bronze Studio color palette (#CAF0D2, #B36800, #5C5400, #003E56, #382500)
• Airy Delta color palette (#F7D3E6, #F7657F, #CA5300, #705300, #230D00)
• Airy Harbor color palette (#F7ECDA, #FF5340, #A36700, #006266, #2A0B00)

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