Tempered Loft color palette — #EEE0EB · #479EAA · #005073 · #00321E · #020D3C

Deep Indigo and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#EEE0EB): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#479EAA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005073): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#00321E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#020D3C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cerulean Thicket color palette (#F1EADE, #009BAC, #005267, #002C27, #00050B)
• Weathered Denim Lagoon color palette (#FAE9F3, #59AAC9, #0056A4, #003F35, #1B1744)
• Tempered Nightshade color palette (#F3E3E9, #5C97B9, #002CC5, #00302D, #170439)
• Dusty Turquoise color palette (#DBE6DD, #00B6C9, #00718E, #004B43, #001624)
• Cerulean Pier color palette (#F8E2D8, #62C0CE, #008FBE, #006F59, #00142C)
• Dusty Cobalt color palette (#CDF1EC, #00BAB0, #3283D3, #4C4500, #002019)
• Petrol Balcony color palette (#F6EAF4, #73C0C6, #007298, #00532B, #142D53)
• Pine Loft color palette (#C9EEDF, #00825D, #003E30, #00170F, #000302)

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