Tempered Loft color palette — #FCD8E0 · #E96B79 · #BC1F21 · #581100 · #0D0200

A conversation between Ruby and Watermelon, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#FCD8E0): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#E96B79): A luminous, balanced red — the color of a theater curtain.
• Ruby (#BC1F21): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#581100): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0D0200): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Tempered Loft 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 Tangerine Lagoon color palette (#FFD9CE, #EC7F47, #9A5100, #462800, #080400)
• Airy Mulberry color palette (#E9D9E6, #DE6FB8, #A7226B, #580027, #0A0001)
• Gentle Rose color palette (#FFEAD5, #E44D5D, #903000, #2C2E00, #0E0000)
• Hazy Archive color palette (#F4E3E5, #C64357, #930111, #4C1100, #2E0F00)
• Faded Crimson Workshop color palette (#F4E8F3, #E775AA, #DA394E, #8A3A00, #1F1200)
• Lowlit Brick color palette (#FFE4DB, #B4002A, #161A10, #270501, #040000)
• Amber Basin color palette (#FFF2EE, #FF9D68, #C96B00, #643D00, #291900)
• Wandering Mulberry color palette (#FFF2F0, #E3D7CC, #CCB5AD, #963963, #170706)

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