Twilit Loft color palette — #D2EEE5 · #4D6100 · #00395D · #370014 · #0C0100

Olive and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D2EEE5): A whisper-light, dusty teal — the color of sea glass.
• Olive (#4D6100): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00395D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#370014): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#0C0100): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. 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

• Lowlit Chestnut color palette (#D6EDD5, #784E00, #003E44, #32002A, #0C0005)
• Obsidian Nightshade color palette (#D5EDEA, #006B23, #2B009B, #2F0F00, #060300)
• Dusty Field color palette (#C9ECED, #006845, #003E47, #001A4E, #121300)
• Abyss Parlor color palette (#CBF7F8, #005137, #1D1F25, #001213, #000202)
• Lagoon Archive color palette (#DBE8C7, #378675, #00546E, #451C1C, #230922)
• Washed Cypress Garden color palette (#D6F4E2, #00836A, #005552, #00262E, #000C13)
• Antique Aubergine Garden color palette (#BDEBEA, #008756, #5F00B5, #442200, #1A0900)
• Sunlit Grove color palette (#EAEFD5, #008D28, #473CAD, #5D0044, #2A0100)

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