Tempered Brick color palette — #FCD7F7 · #FF6362 · #7F9900 · #C50025 · #293300

Ruby and Watermelon set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#FCD7F7): A whisper-light, dusty pink — the color of neon signs at night.
• Watermelon (#FF6362): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#7F9900): A luminous, balanced green — the color of fresh herbs.
• Ruby (#C50025): A full-bodied, vivid orange — the color of autumn markets.
• Deep Forest (#293300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Peony Basin color palette (#F0DBFF, #FF4FB0, #AD8600, #BA0078, #3A2C00)
• Aged Lagoon color palette (#F7DCCF, #E15E00, #848700, #BD0099, #401500)
• Wandering Jade Pier color palette (#FFF1F6, #F79130, #00B96B, #B05F00, #004726)
• Powdered Amber Veranda color palette (#F7D3DF, #D58201, #009E72, #8D5400, #003221)
• Airy Canyon color palette (#FFDAD9, #F3153E, #008082, #960020, #003537)
• Dusty Ridge color palette (#FFDAD9, #FF9091, #00BDC6, #F72047, #003538)
• Weathered Plum Workshop color palette (#FFF1F3, #FF88A2, #00ACC7, #C40055, #00232A)
• Softworn Studio color palette (#FFF1EC, #FFC6A9, #F89E23, #C8534E, #5A290F)

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