Twilit Grove color palette — #F4E8D3 · #446400 · #003320 · #1F042E · #010100

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

The five colors

• Parchment (#F4E8D3): A whisper-light, dusty gold — the color of old brass.
• Olive (#446400): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003320): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#1F042E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged botanical, earthy, muted, dark.

Use it as a design system

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

• Obsidian Spruce Meadow color palette (#E5E2CF, #4D672F, #0B3500, #2C0A00, #030800)
• Olive Drift color palette (#D3F2E3, #62882D, #004A15, #2C0C2B, #010100)
• Twilit Chestnut Market color palette (#ECDFD3, #8D4B00, #402500, #1C241E, #110500)
• Smoked Cocoa color palette (#FFE2D0, #5D2C00, #003551, #121A37, #030100)
• Weathered Corridor color palette (#F4EED5, #4FA267, #00635B, #4E2A4A, #101400)
• Lowlit Cocoa Meadow color palette (#FFEBDE, #7C3300, #00415B, #361200, #000103)
• Hazy Pine color palette (#FCE0D7, #A88825, #007C35, #56042A, #060200)
• Navy Balcony color palette (#FDEADE, #0085A8, #003B74, #00201A, #01000A)

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