Brick Garden color palette — #F7E1D5 · #C02B00 · #345000 · #002C3A · #16001D

A conversation between Brick and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F7E1D5): A whisper-light, dusty gold — the color of honey in a jar.
• Brick (#C02B00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#345000): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#002C3A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#16001D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Brick Garden 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 Brick Alley color palette (#EFDAEA, #BC2719, #005532, #003342, #18153B)
• Bronze Cabin color palette (#F9E7D6, #985B00, #005532, #00284B, #1B0012)
• Pale Plum color palette (#FFE6E1, #C30061, #564400, #002F28, #03022E)
• Moonless Lantern color palette (#F6DAC7, #893A00, #323830, #271600, #0C0300)
• Ember Coast color palette (#F0DAE5, #D06200, #716400, #005124, #40001A)
• Bronze Studio color palette (#FFE1D2, #B56B00, #745000, #443500, #1A1600)
• Patina Rose color palette (#FFF2ED, #FF3C49, #00717A, #003F52, #000E1C)
• Pale Amber color palette (#FEEFE0, #C67900, #317542, #004762, #2A1235)

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