Tempered Loft color palette — #E9F8FF · #97E3F3 · #F4B5A8 · #61B7C8 · #5D4357

Cyan and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Ice Blue (#97E3F3): A whisper-light, dusty blue — the color of deep harbor water.
• Rose Quartz (#F4B5A8): A whisper-light, dusty orange — the color of autumn markets.
• Cyan (#61B7C8): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#5D4357): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged 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

• Teal Hollow color palette (#EAF9F8, #B1E3BE, #EEB4C7, #7FB88F, #584462)
• Glacier Archive color palette (#EAF8FF, #82D6EB, #E9AE97, #BE9D71, #2C4653)
• Cerulean Balcony color palette (#EDF9F0, #8AD1E0, #E09E96, #2D9CAF, #77391D)
• Antique Periwinkle Alley color palette (#F0F6FF, #C2D4FF, #E7BF8E, #8CA6E9, #395538)
• Antique Lagoon color palette (#EBF7FF, #66D4FF, #FC9D38, #00A6D4, #572F00)
• Timeworn Pier color palette (#FFF1F5, #C5E2CF, #D3A8B7, #A6879E, #354E46)
• Worn Petal Corridor color palette (#F0F6FD, #FECFDF, #88A0C2, #5D6E86, #242C37)
• Washed Archive color palette (#ECF7FF, #BCE9FF, #7DC3DB, #4E90A7, #003C4D)

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