Twilit Garden color palette — #E2E2C7 · #6A6000 · #2C2C00 · #121C21 · #0B0C00

Built around Olive, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#E2E2C7): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#6A6000): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#2C2C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#121C21): a grounded near-black with real depth.
• Ink (#0B0C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged monochrome, dark, muted.

Use it as a design system

One click turns Twilit Garden 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

• Muted Bronze color palette (#F4DCCB, #945700, #432200, #1B241D, #110600)
• Sunlit Moss Workshop color palette (#D7F4B5, #7BA500, #386000, #193200, #131D00)
• Twilit Pine color palette (#D9EBD1, #00721C, #163200, #010F00, #000200)
• Aged Olive Chapel color palette (#E5E6CC, #7E8500, #494600, #1B1800, #020200)
• Aged Pier color palette (#E7E0D0, #69A123, #007A5F, #502500, #0E0E00)
• Fern Balcony color palette (#DBF4EF, #2A6C00, #002B46, #092400, #000205)
• Tempered Cobalt color palette (#F8E4E5, #007BBC, #726400, #090D06, #000201)
• Softworn Bloom color palette (#D7F4E2, #009436, #004F1B, #002409, #000C02)

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