Brick Field color palette — #F6DFD7 · #9BB855 · #AC0028 · #5C0011 · #260003

Garnet and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F6DFD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#9BB855): A luminous, balanced green — the color of a quiet forest floor.
• Garnet (#AC0028): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#5C0011): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#260003): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged luxury, dark, warm.

Use it as a design system

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

• Muted Chartreuse color palette (#FFEFFF, #B9D200, #A60034, #40000F, #030004)
• Mulberry Atelier color palette (#F9DDDC, #68C279, #A00073, #55003C, #230016)
• Antique Mustard color palette (#F7E0CC, #BFAC2D, #884800, #472300, #1B0B00)
• Timeworn Scarlet color palette (#FFDCCC, #EFB403, #D64632, #822F23, #240301)
• Patina Garnet color palette (#F2DDED, #B88A00, #720900, #390200, #1B0618)
• Bronze Hollow color palette (#FEF2ED, #DBD2AA, #AB6B4A, #763A19, #352822)
• Ultramarine Workshop color palette (#FDF1D1, #958500, #6E6500, #002DCF, #2A0E00)
• Timeworn Olive Alley color palette (#F7E2D5, #7E7800, #4B1A00, #1A1C12, #0F0200)

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