Tempered Brick color palette — #FFF0FC · #FC7F74 · #00A7A3 · #BB0416 · #001D1C

Ruby and Salmon set the tone — five colors that lean into energy and balance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Salmon (#FC7F74): A luminous, balanced orange — the color of toasted spice.
• Turquoise (#00A7A3): A luminous, balanced teal — the color of sea glass.
• Ruby (#BB0416): A full-bodied, vivid orange — the color of sun-warmed clay.
• Ink (#001D1C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Energy, Balance. Tagged vibrant.

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

• Linen Brick Station color palette (#FFF0FB, #FF9886, #0096DD, #AB1200, #001A2C)
• Patina Rust color palette (#FFF0FB, #FFA48E, #00BAD2, #C04B31, #002E35)
• Misty Ember color palette (#FFE6F5, #E56634, #0085B3, #852C00, #000910)
• Plum Villa color palette (#F7F3FF, #EA7FCC, #00A6A8, #A22487, #001D1D)
• Linen Rose Loft color palette (#FFF1F1, #F64B5B, #009594, #00759B, #210003)
• Washed Scarlet Drift color palette (#FFE3D8, #CE4F4E, #007A7F, #880015, #001617)
• Powdered Meadow color palette (#F9D5C6, #FF867B, #8CB100, #CD574F, #222E00)
• Mulberry Courtyard color palette (#F8F2FF, #F791D1, #56A400, #9F0079, #0B1E00)

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