Tempered Brick Villa color palette — #F5D7CA · #E66F64 · #0097AB · #B02A27 · #002F36

Ruby and Coral Clay set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#F5D7CA): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#E66F64): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#0097AB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#B02A27): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Forest (#002F36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Brick Villa 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

• Worn Rust Drift color palette (#FEEADF, #EA8A6C, #00A5CC, #BF4316, #003C4C)
• Brick Terrace color palette (#FFF0FC, #FA8175, #00A5B4, #B91219, #001D20)
• Weathered Mulberry color palette (#FDD2CE, #D8729C, #009C83, #A42F68, #003127)
• Linen Garnet Garden color palette (#F3D7CD, #C05B59, #007888, #8C001A, #002F37)
• Gentle Ember color palette (#FBEDE3, #D26000, #0081A2, #843A00, #001E29)
• Misty Apricot Pier color palette (#F5D8BF, #EF8E31, #007DBF, #934F00, #002C47)
• Linen Ember Pier color palette (#FFE9DE, #D45B41, #009250, #5260B4, #391007)
• Patina Mustard color palette (#FFEADF, #F8CCA8, #D4AE54, #B1636D, #3A342F)

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