Brick Field color palette — #EFD8E9 · #C32200 · #005B83 · #550900 · #000103

A conversation between Brick and Espresso, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#EFD8E9): A whisper-light, dusty pink — the color of peonies in June.
• Brick (#C32200): A full-bodied, vivid orange — the color of toasted spice.
• Peacock (#005B83): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#550900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Energy, Balance. Tagged 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

• Aged Bronze color palette (#FFE3EE, #9E5500, #005B82, #432100, #000103)
• Plum Lagoon color palette (#E5DBEA, #B92567, #006069, #540029, #000102)
• Eclipse Terracotta color palette (#F2E0D6, #8B2D00, #004656, #3D0F00, #00070B)
• Patina Field color palette (#CBE6D3, #816800, #004CB4, #362A00, #000106)
• Hushed Ember color palette (#FFEADC, #CA5E00, #642C00, #1A1C12, #0C0200)
• Muted Bronze Loft color palette (#DEE1EF, #009596, #A36000, #0B0E07, #040001)
• Washed Scarlet Meadow color palette (#F7E7DE, #DC3C00, #854BCF, #962600, #0A001A)
• Byzantium Studio color palette (#E5F2E9, #997A00, #9E00BE, #4A3A00, #030004)

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