Tempered Loft color palette — #F4DDE8 · #9571FB · #5F444E · #392830 · #1C161A

Amethyst and Cocoa set the tone — five colors that lean into creativity and energy.

The five colors

• Shell Pink (#F4DDE8): A whisper-light, dusty rose — the color of pressed rose petals.
• Amethyst (#9571FB): A luminous, vivid violet — the color of wild irises.
• Cocoa (#5F444E): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#392830): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#1C161A): quiet, heavy and certain.

Feels like: Creativity, Energy, Sophistication. Tagged noir, dark, luxury, muted.

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

• Cornflower Garden color palette (#F2DDF1, #578DEA, #5E4357, #342A33, #111B18)
• Lilac Veranda color palette (#FEF1F8, #9B90E8, #5B3D3F, #2A1822, #080409)
• Wandering Peony Courtyard color palette (#F9DCDD, #DA53B4, #614542, #3A2929, #1D1617)
• Hushed Atelier color palette (#DFE4F7, #AA9DEE, #6F6C88, #43485F, #131822)
• Weathered Indigo Study color palette (#F0DFE7, #7264AD, #422B31, #281A21, #120A0C)
• Wandering Fuchsia Terrace color palette (#FFF1F2, #E37AC6, #D97C52, #7382BF, #4C2F31)
• Pale Ridge color palette (#EADFEF, #B101E5, #551D54, #25102E, #0F0408)
• Frosted Mallow Harbor color palette (#EFE4FF, #D8A8FF, #B279C4, #825986, #653B41)

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