Brick Garden color palette — #FFF0FC · #C50028 · #004E3B · #00233A · #030003

Ruby and Forest set the tone — five colors that lean into energy and balance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#C50028): A full-bodied, vivid orange — the color of autumn markets.
• Forest (#004E3B): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00233A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Energy, Balance. Tagged jewel, vibrant.

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

• Plum Canyon color palette (#FAF1FF, #C81D74, #1A5000, #003039, #020008)
• Washed Balcony color palette (#FFF0F8, #BA4100, #005750, #001B73, #040002)
• Terracotta Veranda color palette (#FFD3E9, #8F3C00, #003838, #001337, #040001)
• Frosted Atelier color palette (#D4F9DB, #D96100, #6A5100, #00313C, #080300)
• Chestnut Coast color palette (#FDDDE7, #865200, #404000, #181200, #040001)
• Aubergine Thicket color palette (#E2FEE3, #8C5B00, #004B5C, #2C0069, #040001)
• Ember Delta color palette (#FEE8F3, #D26100, #00873E, #00646D, #0E0010)
• Powdered Station color palette (#F7D9D0, #E97600, #8B5B00, #3A2B00, #070600)

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