Soft Loft color palette — #D5E2F2 · #305BC6 · #4400AC · #320050 · #230025
Built around Indigo, softened by Cobalt — the whole palette hums with creativity and energy.
The five colors
- Frost (#D5E2F2): A whisper-light, dusty blue — the color of deep harbor water.
- Cobalt (#305BC6): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#4400AC): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#320050): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#230025): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Creativity, Energy, Balance. Tagged vibrant.
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
- Deep Lapis color palette (#D8DEF2, #4F3ED4, #4300A0, #23004D, #050010)
- Nightshade Alley color palette (#CCEAFA, #006DC3, #1800C4, #2C0065, #26003A)
- Faded Quarry color palette (#D0E0FE, #634BC9, #570088, #3C003D, #290007)
- Sunlit Amethyst Dune color palette (#D1E5FF, #5E7CFF, #7233F5, #6B2297, #220022)
- Gentle Pier color palette (#E7E1FF, #C481B5, #C24E57, #0429A2, #220627)
- Hushed Navy Courtyard color palette (#CEE8F1, #0073A0, #00427A, #130067, #23002A)
- Inked Aubergine Alley color palette (#E9D9F1, #8A55B3, #56007A, #1A002A, #05000B)
- Patina Aubergine Boulevard color palette (#DFE2F7, #7043A5, #584C00, #3D006A, #130F00)
Browse the whole catalog at Explore, or see today's palette.