Brick Garden color palette — #EFD9FF · #D7729F · #A73D40 · #5D3500 · #362D00

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

The five colors

• Thistle (#EFD9FF): A whisper-light, dusty violet — the color of wild irises.
• Bubblegum (#D7729F): A luminous, balanced rose — the color of a warm blush.
• Brick (#A73D40): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5D3500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#362D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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

• Wandering Coral color palette (#FFD1ED, #EF7A7F, #A65100, #544300, #233700)
• Soft Wisteria color palette (#DFE0FF, #BA77DD, #A04770, #7B2218, #4E2900)
• Rust Courtyard color palette (#F5D6DB, #D8878A, #AB4740, #6C1E00, #270C00)
• Raspberry Basin color palette (#F9E9FD, #CF347E, #872300, #332100, #091603)
• Quiet Station color palette (#F7D4E0, #FF352D, #825200, #453F00, #133300)
• Linen Coral Hollow color palette (#FEF0FF, #DAB5FF, #FB6D72, #8E7600, #4A250D)
• Scarlet Harbor color palette (#FFE0F2, #D40027, #5E3400, #251C00, #061000)
• Washed Peony Courtyard color palette (#D0F9ED, #B462B3, #963902, #004859, #3A2843)

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