Twilit Loft color palette — #DFE8CE · #004327 · #4C1500 · #1C1000 · #000201

Espresso and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DFE8CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Forest (#004327): A deep, shadowed, dusty teal — the color of glacier melt.
• Espresso (#4C1500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1C1000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Shadow Bloom color palette (#DFEADA, #00392F, #17232A, #271000, #040900)
• Smoked Basalt color palette (#CDEFDA, #004D5C, #3C3700, #112200, #000608)
• Antique Garnet Parlor color palette (#D1E6E9, #006150, #85001B, #2C2B00, #000202)
• Patina Studio color palette (#FBE0DF, #8D1362, #603800, #2E2900, #1F0012)
• Mulberry Cabin color palette (#F2D6DA, #894288, #863800, #493300, #300D15)
• Nightshade Boulevard color palette (#FFE4F6, #2C039E, #52002B, #2B0100, #01000E)
• Grape Harbor color palette (#D2EDFC, #0076A2, #8631AC, #00552B, #000204)
• Aubergine Thicket color palette (#D7E9E4, #005F9A, #290072, #001F37, #02000D)

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