Tempered Brick color palette — #FFF4E2 · #C760AF · #B40035 · #00551A · #4D2739

Ruby takes the lead with Hot Pink close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Hot Pink (#C760AF): A luminous, vivid pink — the color of neon signs at night.
• Ruby (#B40035): A full-bodied, vivid red — the color of a theater curtain.
• Deep Olive (#00551A): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#4D2739): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Wandering Alley color palette (#FDECD1, #C95B84, #99350D, #004C39, #442820)
• Plum Hollow color palette (#FFF4E2, #A36EDB, #A8007A, #444A00, #442A4A)
• Quiet Orchid Alley color palette (#EEF8CE, #B360FB, #A92E36, #004846, #2E0E29)
• Aged Wisteria color palette (#D4FFFD, #C784FF, #D24548, #006965, #4D2544)
• Antique Villa color palette (#FFF4E2, #D27B7A, #9B5600, #005A57, #433B38)
• Worn Ridge color palette (#FFF1F1, #D02B9D, #7D4E00, #004D2A, #003451)
• Quiet Plum Workshop color palette (#F7EEE0, #BA104B, #622A00, #002B25, #300204)
• Muted Scarlet Lantern color palette (#FFF1F1, #ECC1FF, #FF64B0, #D73800, #5E1E31)

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