Tempered Loft color palette — #EFF6FF · #0057E2 · #7B0060 · #002E29 · #000103

Cobalt and Mulberry set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cobalt (#0057E2): A full-bodied, vivid violet — the color of wild irises.
• Mulberry (#7B0060): A deep, shadowed, vivid pink — the color of neon signs at night.
• Deep Forest (#002E29): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Gentle Aubergine Hollow color palette (#ECF7FF, #007098, #6C009A, #002913, #000102)
• Cellar Grape Lantern color palette (#E5E9FF, #6900E2, #680028, #00181E, #000106)
• Byzantium Basin color palette (#F4F4FF, #9B30D5, #84020A, #002B39, #00000B)
• Shadow Nightshade color palette (#ECD8E6, #3430A8, #4F2600, #0D1E00, #000102)
• Washed Denim Orchard color palette (#F3F4FF, #E3D4E9, #BBB6D6, #675094, #0A0B19)
• Velvet Pier color palette (#EAE8F7, #661978, #5C0037, #0C1F00, #0C0023)
• Faded Rose color palette (#FEF0FF, #EA546B, #8C7100, #514380, #11071C)
• Peony Hollow color palette (#F9F2FF, #FF4BB0, #A86600, #2F43A1, #100923)

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