Sunlit Loft color palette — #FFF1F5 · #9AD3FF · #5970D8 · #005151 · #130029

Sapphire and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#9AD3FF): A whisper-light, balanced blue — the color of open sky before noon.
• Sapphire (#5970D8): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#005151): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#130029): 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 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

• Muted Cabin color palette (#FFF0FB, #81DCEF, #1682BF, #00543B, #030333)
• Gentle Pier color palette (#FBE7F7, #4CCADA, #006F9C, #004027, #000114)
• Feathered Denim color palette (#D9E9E9, #77A1C6, #0057A7, #00364C, #00052B)
• Ancient Azure Quarry color palette (#E2E6DA, #9EC4E7, #4E94E7, #0076A1, #071C47)
• Quiet Azure color palette (#FCF1FB, #ADF4F9, #1B9FD0, #036E3C, #081D3E)
• Wandering Studio color palette (#DFF5DD, #D68E22, #0071B8, #6C4300, #000814)
• Wandering Sky Lantern color palette (#FAF2F8, #D1D6E8, #58AFE8, #2E805F, #1D2E4B)
• Timeworn Thicket color palette (#FFDAB2, #AA6900, #295AE5, #2349B2, #030100)

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