Brick Field color palette — #FFF0FE · #DF6A6F · #008CAD · #AE002E · #004253

Garnet and Coral Clay set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#DF6A6F): A luminous, balanced red — the color of a theater curtain.
• Cerulean (#008CAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Garnet (#AE002E): A full-bodied, vivid red — the color of embers at dusk.
• Deep Teal (#004253): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Feathered Brick Study color palette (#FFEEE6, #E17363, #0092AB, #AC0A00, #00252D)
• Linen Dune color palette (#FFF0FA, #FF7146, #0087C7, #8B2600, #003F60)
• Blush Meadow color palette (#FEF0FF, #FF6983, #009666, #940034, #00462E)
• Washed Garnet color palette (#F0D5EA, #CB5244, #00739F, #8C0603, #002D41)
• Gentle Scarlet Parlor color palette (#FFF0FB, #FE8774, #00AECA, #DE1100, #00424E)
• Washed Scarlet color palette (#FFE4E2, #DB3E46, #007CAA, #3D5893, #4E201F)
• Chestnut Bloom color palette (#EBFAE9, #C89452, #628BC6, #8C5900, #2D4364)
• Feathered Studio color palette (#FFF1F6, #DF8E2D, #4F62D3, #844D00, #29346F)

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