Twilit Loft color palette — #F2DFE5 · #66009A · #273D00 · #111E00 · #000203

Built around Plum, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F2DFE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Plum (#66009A): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#273D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#111E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000203): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged jewel, vibrant, dark.

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

• Mulberry Courtyard color palette (#F5D5D9, #910091, #3C3A00, #00211A, #000204)
• Aubergine Lantern color palette (#E4E4F9, #580483, #312500, #150F18, #000603)
• Pale Byzantium color palette (#E7EDD5, #8E18C2, #75002C, #002524, #0A0008)
• Moonless Canyon color palette (#FFD7D0, #94004A, #003E23, #001F12, #01000F)
• Smoked Hollow color palette (#FFE7FA, #2000E3, #4B3200, #241600, #000202)
• Frosted Plum color palette (#EAE6F4, #A83295, #922300, #004132, #050004)
• Charred Atelier color palette (#F6DDD5, #530026, #2D1400, #0D0C00, #00010A)
• Misty Plum color palette (#FFE8E4, #B60056, #0D5D0C, #003923, #06011D)

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