Twilit Fern color palette — #D2E8D6 · #626700 · #463200 · #2B0F00 · #000200

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

The five colors

• Celadon Mist (#D2E8D6): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#626700): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#463200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#2B0F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. 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

• Chestnut Pier color palette (#FFDFEF, #805900, #582600, #350009, #020200)
• Wandering Bronze Cabin color palette (#F2E5CF, #968715, #624900, #321B00, #020100)
• Tempered Moss color palette (#D0ECD9, #7D9B1C, #6D5900, #522A00, #001806)
• Hushed Chestnut color palette (#EFDAE0, #A3996A, #8C5700, #622B1D, #001E17)
• Pine Workshop color palette (#EDEBFF, #007C4E, #33003E, #261019, #07000A)
• Plum Studio color palette (#E3DFEC, #AA139E, #413500, #4A0044, #000201)
• Lowlit Atelier color palette (#FFE5FE, #AE285C, #6A1C00, #201400, #020200)
• Dusty Bronze Corridor color palette (#E9F6EC, #84B8A7, #8A7323, #674225, #0E2826)

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