Twilit Fern color palette — #F5EFE1 · #3E5D00 · #302A00 · #190A00 · #000201

A conversation between Olive and Espresso, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5EFE1): a clean, paper-quiet neutral.
• Olive (#3E5D00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#302A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#190A00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000201): quiet, heavy and certain.

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

• Chestnut Study color palette (#FFE9D8, #6B4B00, #441D00, #240004, #010100)
• Dusty Olive Harbor color palette (#D4F5E3, #64773D, #4E4600, #332000, #000500)
• Eclipse Station color palette (#DAEBE0, #A4007C, #00623B, #030C0B, #010100)
• Shadow Onyx color palette (#D4EBDA, #003E47, #402000, #1F0D00, #000200)
• Moonless Onyx color palette (#E4F2E7, #00646E, #520027, #002328, #040000)
• Worn Bronze Lantern color palette (#F4E6DC, #A87E2D, #814114, #501F23, #130E00)
• Weathered Loft color palette (#FAF0E2, #ABB179, #897241, #713D07, #232411)
• Amber Drift color palette (#FFE3D2, #CE924A, #9E5337, #692D3C, #221C00)

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