Brick Field color palette — #F2D8D4 · #CD0C09 · #660C00 · #220300 · #040000

Brick and Oxblood set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#F2D8D4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#CD0C09): A full-bodied, vivid orange — the color of sun-warmed clay.
• Oxblood (#660C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#220300): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Energy, Depth, Luxury. Tagged monochrome, dark, vibrant, 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

• Shadow Rust color palette (#FEDDCA, #A94A00, #5A2700, #200800, #030100)
• Washed Tangerine color palette (#FFD7C8, #FF6E24, #9A3700, #531600, #150200)
• Velvet Corridor color palette (#F0DCE0, #CC016F, #6A0031, #260010, #040001)
• Pale Tangerine color palette (#FCE3DB, #E97F4B, #9B6F00, #6B2440, #0E0200)
• Softworn Hollow color palette (#E0E0FF, #00816F, #974800, #110B01, #030100)
• Bronze Hollow color palette (#F5E9DA, #8D5C00, #004310, #3B2400, #010100)
• Marigold Atelier color palette (#FFEFD9, #E69900, #916500, #4C3300, #170B00)
• Amber Alley color palette (#F8E9CC, #BA8900, #6B4F00, #362800, #0A0500)

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