Twilit Loft color palette — #CFE7EF · #0068BE · #1B1EA7 · #160037 · #030004
Indigo and Royal Blue set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CFE7EF): A whisper-light, dusty blue — the color of open sky before noon.
- Royal Blue (#0068BE): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#1B1EA7): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#160037): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
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
- Soft Aubergine Ridge color palette (#D6E6F4, #4D62D5, #4D07AF, #1E002F, #040003)
- Midnight Orchard color palette (#D5E0EC, #004CA6, #17008C, #100037, #02000A)
- Midnight Navy Alley color palette (#CBE7EA, #007FA2, #00397E, #0E003F, #020006)
- Dusty Lapis Drift color palette (#E6ECFB, #5E51D8, #625400, #27007C, #020100)
- Grape Field color palette (#DCDDED, #4B2DC9, #474B00, #323500, #010009)
- Grape Quarry color palette (#D8E3FE, #7B45C2, #5C0070, #2A001D, #040000)
- Washed Cobalt color palette (#E2F2F6, #8F8500, #0077BF, #0A0B14, #000104)
- Tempered Ember Villa color palette (#E2EDFF, #CAA5D8, #C66C65, #00526E, #020008)
Browse the whole catalog at Explore, or see today's palette.