Twilit Loft color palette — #D2E3FF · #2129D8 · #563700 · #0A006C · #0B0500

Cobalt takes the lead with Deep Indigo close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Frost (#D2E3FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cobalt (#2129D8): A full-bodied, vivid violet — the color of wild irises.
• Cocoa (#563700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Indigo (#0A006C): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#0B0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Calm, Energy, Depth, Luxury. Tagged dark, vibrant, cool.

Use it as a design system

One click turns Twilit 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 Boulevard color palette (#EAEDFF, #641BB3, #404200, #2B0055, #060600)
• Nightshade Corridor color palette (#EFD5E8, #4A59D0, #784E00, #2300A5, #0B0400)
• Midnight Nightshade Boulevard color palette (#E8F0FF, #0018B8, #462E00, #272500, #00000F)
• Hushed Denim color palette (#D9EDFF, #005683, #543800, #002339, #0A0500)
• Tempered Basin color palette (#DAF7F5, #A76100, #1D3DFF, #0D031F, #000108)
• Nocturne Lapis color palette (#ECEDFF, #4440DE, #20007C, #05002A, #060003)
• Worn Loft color palette (#D6DDF8, #8262E4, #7E6900, #4C348E, #322800)
• Softworn Ultramarine color palette (#EAD9E7, #4A78DF, #8B6C00, #0025EC, #090500)

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