Twilit Garden color palette — #F9ECE3 · #481F00 · #201C00 · #000B10 · #050004

Espresso and Onyx set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F9ECE3): bright and airy, almost weightless.
• Espresso (#481F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#201C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Midnight Courtyard color palette (#F6DBD6, #66002E, #231400, #000E06, #02000D)
• Garnet Study color palette (#EFE5E2, #A5978D, #92672A, #560016, #150401)
• Obsidian Onyx color palette (#EDECDC, #314500, #00271C, #0A0035, #070100)
• Lowlit Aubergine Lantern color palette (#DFE2F7, #3E0075, #001E1A, #000C11, #00000B)
• Frosted Canyon color palette (#FBDECF, #D2267D, #AD3C00, #413800, #060200)
• Nocturne Alley color palette (#EFD7E0, #5A2A96, #004137, #001D24, #00010E)
• Chestnut Grove color palette (#FBE7CE, #734F00, #3C4900, #003040, #250708)
• Weathered Meadow color palette (#F6F4CB, #416400, #00514A, #350071, #2A1300)

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