Twilit Fern color palette — #F7F0DA · #4B4700 · #18231F · #071100 · #020200

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

The five colors

• Cream (#F7F0DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Olive (#4B4700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#18231F): quiet, heavy and certain.
• Ink (#071100): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Emerald Terrace color palette (#E1E2D3, #48952F, #334800, #22230C, #0F0D05)
• Velvet Fern color palette (#ECEACC, #665E00, #002A10, #170A03, #000201)
• Velvet Ridge color palette (#F1E8CF, #4E5B5F, #342F00, #151D17, #000601)
• Ancient Studio color palette (#E7EED2, #007433, #404B51, #002C23, #000D03)
• Softworn Lagoon Garden color palette (#E0F3DA, #008A7D, #004048, #00201C, #050900)
• Tempered Denim color palette (#EDE5D8, #5AA0A1, #006372, #003D2F, #000B12)
• Aubergine Bloom color palette (#EFF2D4, #3E8E31, #740086, #0D4503, #0E0012)
• Navy Cabin color palette (#ECE7DA, #737F50, #075F3E, #262773, #170324)

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