Tempered Loft color palette — #F1D7D9 · #579E74 · #551850 · #2B0027 · #1C0106

Royal Purple and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F1D7D9): A whisper-light, dusty red — the color of a theater curtain.
• Fern (#579E74): A luminous, balanced teal — the color of sea glass.
• Royal Purple (#551850): A deep, shadowed, balanced pink — the color of a candy shop window.
• Deep Indigo (#2B0027): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#1C0106): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Warmth, Comfort, Balance. Tagged luxury, dark, 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

• Garnet Grove color palette (#FEE9E8, #7DA883, #67284F, #3C092B, #250E0F)
• Linen Navy Station color palette (#EDD7E3, #6D9C54, #342473, #170046, #190211)
• Twilit Boulevard color palette (#F7DBD8, #528B44, #4C0028, #190009, #030200)
• Tempered Garnet Thicket color palette (#EED9D1, #86954C, #641314, #320002, #0F0600)
• Chalky Atelier color palette (#F0E8F8, #B08619, #680045, #270018, #030006)
• Misty Mulberry Orchard color palette (#EBD9D8, #C99E38, #921B65, #480E31, #190405)
• Feathered Orchid Villa color palette (#DEDBF1, #73D180, #A157AB, #5A3C5D, #0C071B)
• Mulberry Alley color palette (#F6D5D6, #98357E, #405E00, #003C5A, #2C0D24)

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