Brick Field color palette — #F1D5EE · #B40024 · #573500 · #1D0F00 · #030003

A conversation between Ruby and Cocoa, giving this palette its sense of optimism and energy.

The five colors

• Thistle (#F1D5EE): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#B40024): A full-bodied, vivid orange — the color of toasted spice.
• Cocoa (#573500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1D0F00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Energy, Depth, Luxury. Tagged noir, dark, luxury.

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

• Airy Scarlet Atelier color palette (#FFE6DD, #DA2A32, #633315, #350F0E, #060000)
• Lowlit Drift color palette (#FDDFEC, #924900, #3D3A34, #161300, #040002)
• Eclipse Garnet Veranda color palette (#FBE7E0, #85001D, #2A3129, #190B00, #090100)
• Ancient Ember Courtyard color palette (#FEE0E8, #E85B52, #9C5100, #4D3500, #0D0B00)
• Pale Amber color palette (#FFE7EE, #CA7E00, #0085B2, #6E4200, #000910)
• Nocturne Plum color palette (#EADCF5, #AB006D, #270600, #0F0611, #020005)
• Worn Coral Quarry color palette (#FFF0FB, #E07F6A, #384C3B, #271923, #070409)
• Bronze Ridge color palette (#D3EDDD, #877700, #002C29, #160C06, #000502)

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