Soft Loft color palette — #FFF2EB · #8AD8F1 · #1A90EB · #00755D · #27266F

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#8AD8F1): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#1A90EB): A luminous, vivid blue — the color of a favorite pair of jeans.
• Teal (#00755D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#27266F): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Soft 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

• Tempered Azure color palette (#FEF1F8, #D5D9F4, #1CA1F9, #00755A, #17195A)
• Ancient Cornflower Courtyard color palette (#FFF3E6, #9DD1FF, #6C7CFF, #007275, #411967)
• Aged Archive color palette (#FFF2EB, #BBDEC8, #5A9CCE, #087F5E, #2D385F)
• Sky Boulevard color palette (#FCF4E8, #9BE7FF, #20B8FB, #009798, #00345F)
• Hazy Alley color palette (#F2E1D6, #76BCD9, #3F76BB, #005A4E, #1C134B)
• Patina Lagoon color palette (#FBF4EF, #C3E1EF, #C3A6C2, #53948A, #644958)
• Pale Peony color palette (#FFE9F2, #F6009F, #009677, #00767D, #45022A)
• Denim Corridor color palette (#EEE4DB, #6A98B9, #374FA7, #003B3A, #0E0024)

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