Sunlit Loft color palette — #ECF7FF · #22ABE7 · #A68F00 · #1E8166 · #203645

Cyan and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#22ABE7): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#A68F00): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#1E8166): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#203645): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Aged Thicket color palette (#F0F5FF, #8199EC, #809C37, #0E7E81, #293344)
• Powdered Periwinkle Hollow color palette (#EFF6FF, #6997E6, #AB7100, #006D65, #1B2839)
• Patina Orchard color palette (#EEF6FF, #65A2E6, #CE7355, #69762B, #273443)
• Dusty Field color palette (#FFF0F8, #ACA8F4, #BF9657, #597F48, #321C2A)
• Patina Powder color palette (#FFF0FB, #9EB6FF, #9FB86E, #85995E, #3F2C3B)
• Tempered Coral Pier color palette (#FEF0FB, #E67B6D, #B0892D, #00816D, #3D2D3A)
• Antique Iris color palette (#D8E5FF, #788DFF, #557200, #00646D, #141A44)
• Magenta Harbor color palette (#F4F4FF, #C85CF3, #009C87, #00728A, #2B2742)

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