Tempered Loft color palette — #81F7F6 · #00ADD3 · #0068B4 · #240082 · #070014

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

The five colors

• Sea Foam (#81F7F6): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00ADD3): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#240082): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#070014): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Chalky Navy Summit color palette (#98F8D9, #00B6C2, #006F97, #002A6C, #05001C)
• Softworn Ultramarine Canyon color palette (#9DF0FF, #3EA2DF, #3058DB, #3C0076, #08000A)
• Ultramarine Terrace color palette (#D9EEF2, #0090D6, #2D2BD0, #2A005B, #030003)
• Chalky Terrace color palette (#CDECEB, #0084A6, #004D86, #1E0077, #25003B)
• Patina Drift color palette (#D3F9E0, #009CAB, #274AAE, #352A00, #000508)
• Quiet Grape Meadow color palette (#CDE3F5, #6C93F5, #7843BF, #530060, #130007)
• Velvet Aubergine color palette (#D9EDFF, #5F6ABE, #55008E, #1E001D, #040001)
• Aged Orchard color palette (#DAF9FF, #008D81, #6F0B9D, #332000, #000201)

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