Twilit Loft color palette — #D2E0FF · #1A00F3 · #574200 · #352700 · #050004

Cobalt and Deep Olive set the tone — five colors that lean into optimism and creativity.

The five colors

• Powder Blue (#D2E0FF): A whisper-light, dusty violet — the color of wild irises.
• Cobalt (#1A00F3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#574200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#352700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, 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

• Quiet Garden color palette (#FAD7EB, #5400D5, #4D4600, #2E2A00, #060003)
• Eclipse Quarry color palette (#E6EFFF, #1E37BB, #5D2D00, #161B00, #00000C)
• Denim Villa color palette (#CAF3E6, #005789, #5B3F00, #372500, #000205)
• Sapphire Canyon color palette (#DCE6F5, #1863DF, #A83400, #165500, #00010A)
• Quiet Grape color palette (#D9EACE, #6136E1, #6E0051, #002715, #070010)
• Grape Pier color palette (#F3E4FF, #7700AB, #005518, #00330B, #040008)
• Hushed Amethyst Study color palette (#DCE4F9, #7F48DE, #770084, #440024, #090000)
• Sapphire Coast color palette (#EDDCEB, #306AE7, #810040, #002298, #070000)

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