Brick Field color palette — #FFDCCD · #FF645A · #00A38C · #C50417 · #00372E

A conversation between Ruby and Watermelon, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#FFDCCD): A whisper-light, dusty orange — the color of toasted spice.
• Watermelon (#FF645A): A luminous, vivid orange — the color of sun-warmed clay.
• Fern (#00A38C): A luminous, balanced teal — the color of glacier melt.
• Ruby (#C50417): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Forest (#00372E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Softworn Brick Loft color palette (#FFF0FE, #FF8B8D, #00B399, #C80033, #00251E)
• Plum Hollow color palette (#FFD8EA, #F65BB3, #00A291, #B9007D, #003630)
• Hushed Crimson color palette (#F6DAF8, #F1115A, #008083, #940033, #003537)
• Worn Apricot Hollow color palette (#F0D9C8, #FB842C, #007DBF, #9A4900, #002C47)
• Brick Coast color palette (#FFF2EB, #FFA58C, #00A6EB, #B73100, #003F5D)
• Peony Workshop color palette (#FFDAD9, #FD50B7, #829800, #B9007E, #2A3200)
• Hushed Amber color palette (#FEF3EC, #F3B29E, #50C7BE, #C57359, #3F533C)
• Linen Delta color palette (#FFDBD2, #FF5E7E, #4585FF, #C20048, #002375)

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