Tempered Brick color palette — #FFDCCD · #FF6554 · #00A19B · #C50B09 · #003633

Brick takes the lead with Watermelon close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Shell Pink (#FFDCCD): A whisper-light, dusty orange — the color of toasted spice.
• Watermelon (#FF6554): A luminous, vivid orange — the color of autumn markets.
• Turquoise (#00A19B): A luminous, balanced teal — the color of sea glass.
• Brick (#C50B09): A full-bodied, vivid orange — the color of autumn markets.
• Deep Forest (#003633): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

One click turns Tempered Brick 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 Mulberry color palette (#FDDCD3, #FF8491, #00A574, #A90037, #003825)
• Aged Summit color palette (#FFF0FD, #FF8C88, #00AEBE, #C90028, #002328)
• Powdered Rose Quarry color palette (#FFDBD6, #FF9187, #00BEC5, #F7242E, #003538)
• Hushed Brick Bloom color palette (#FFDBD4, #FF8875, #0093E3, #A91000, #003150)
• Gentle Amber color palette (#FFDDC5, #EA7E00, #0099C9, #9D5300, #003345)
• Frosted Lagoon color palette (#FFDAD8, #FF4EB4, #00A487, #BA007B, #00372C)
• Antique Cabin color palette (#FFE0E1, #FB2659, #00948E, #0076B2, #420F17)
• Scarlet Thicket color palette (#FFDBD6, #F31A26, #617C00, #96020F, #263300)

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