Soft Loft color palette — #AFF0F9 · #23BCF7 · #2583C6 · #3C558A · #4E395B

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

The five colors

• Sea Foam (#AFF0F9): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#23BCF7): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#2583C6): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#3C558A): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#4E395B): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Ancient Cobalt Cabin color palette (#CDEDFF, #8CD2F7, #64B5F5, #4F88D5, #35426A)
• Cobalt Summit color palette (#DAF0DA, #5ABCDD, #237AB2, #364781, #2E244B)
• Timeworn Turquoise Quarry color palette (#B5F5E1, #00BDC6, #008496, #145C7C, #573E57)
• Periwinkle Chapel color palette (#CAE9FF, #79AAFD, #6D6BBD, #645086, #613A45)
• Wandering Periwinkle Delta color palette (#FFEFFF, #6EA1E8, #B87A3A, #3666A7, #47413C)
• Aged Alley color palette (#FEF0FF, #458BDA, #AA6B13, #796826, #423143)
• Ultramarine Boulevard color palette (#D5EBF7, #0093F5, #253DFF, #420A9D, #43165B)
• Worn Mallow color palette (#FEF0FF, #E3DBE4, #DAAFD8, #508393, #5B4B58)

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