Sky Loft color palette — #FFF2EB · #F1B39F · #4FC2E1 · #C2755C · #345644

Built around Cyan, softened by Caramel — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Melon (#F1B39F): A luminous, dusty orange — the color of sun-warmed clay.
• Cyan (#4FC2E1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#C2755C): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#345644): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Balance. Tagged light, muted.

Use it as a design system

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

• Driftwood Parlor color palette (#FFF1F1, #F1ACCE, #67C6AC, #BA7296, #435337)
• Softworn Apricot Corridor color palette (#FEF1F9, #E49B83, #52A6BB, #9F5F4A, #325261)
• Weathered Amber color palette (#FDF1F9, #EFD9C0, #94D8EB, #CC856D, #254B5D)
• Worn Lilac color palette (#FDF3E9, #E6BC8C, #ABA6F7, #B5803F, #5E4453)
• Hushed Taupe color palette (#FFF2EC, #FFC5B8, #CBBDF4, #D79587, #634151)
• Softworn Chestnut color palette (#FFF2EB, #DEE0CC, #AFBAD0, #C192A6, #77460A)
• Tempered Bronze color palette (#F8F5EB, #CDCEA6, #A29E65, #986A2F, #3C5009)
• Hazy Hollow color palette (#FFF2EA, #FFA779, #4D9BFE, #A64800, #033974)

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