Twilit Loft color palette — #D4F2F7 · #413F46 · #00322B · #111319 · #000303

Deep Forest takes the lead with Frost close behind in a set that reads as sophistication and depth at first glance.

The five colors

• Frost (#D4F2F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#413F46): a grounded near-black with real depth.
• Deep Forest (#00322B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#111319): a grounded near-black with real depth.
• Black (#000303): a grounded near-black with real depth.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Charred Abyss color palette (#DBF6FA, #00473C, #1E1E25, #070D10, #000102)
• Inked Basin color palette (#DBF3F9, #007B78, #003035, #001318, #000406)
• Cobalt Bloom color palette (#E8EEF8, #697FC1, #363B49, #181E29, #090D11)
• Smoked Boulevard color palette (#DCF0F6, #004352, #310087, #002B12, #000102)
• Aubergine Orchard color palette (#C6E7F8, #005666, #5B0078, #00232B, #030005)
• Eclipse Ultramarine color palette (#D8E9FF, #0055BC, #131A40, #1A0F10, #000718)
• Velvet Spruce Loft color palette (#D2E9EA, #3F4047, #003321, #101419, #000302)
• Deep Hollow color palette (#D8F3FF, #433E45, #003038, #131319, #000304)

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