Twilit Fern color palette — #F3EADC · #555600 · #352800 · #190A00 · #010100

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

The five colors

• Cream (#F3EADC): A whisper-light, dusty gold — the color of honey in a jar.
• Deep Olive (#555600): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#352800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#190A00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

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

• Weathered Balcony color palette (#D3E9D9, #787206, #554300, #341F00, #030400)
• Midnight Cabin color palette (#FDEBE1, #784300, #4B1600, #240005, #020100)
• Moss Coast color palette (#F6E3C4, #979200, #735600, #532A00, #0B1600)
• Midnight Mulberry color palette (#CEE9E3, #696000, #870088, #160804, #040001)
• Gentle Field color palette (#F9DAC7, #B57639, #8A3816, #501F25, #160C00)
• Velvet Pier color palette (#FCE0DF, #9D006A, #322900, #3C0026, #020100)
• Garnet Alley color palette (#FFDFDE, #630044, #00312C, #001614, #040002)
• Cocoa Harbor color palette (#FDEFE1, #C1A874, #926C48, #743A13, #282211)

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