Twilit Fern color palette — #F3EADD · #4E6021 · #00331C · #00171E · #010100

Built around Olive, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#F3EADD): bright and airy, almost weightless.
• Olive (#4E6021): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00331C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00171E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#010100): a grounded near-black with real depth.

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

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

• Wandering Olive Courtyard color palette (#F5E7D6, #686E1D, #004315, #320C2F, #030300)
• Tempered Olive Garden color palette (#D7EFE5, #5D8843, #004923, #00211E, #000200)
• Tempered Loft color palette (#FAE6DF, #458489, #00415A, #00210F, #000107)
• Emerald Thicket color palette (#ECE6D7, #679D67, #006455, #003D5C, #001802)
• Frosted Canyon color palette (#F3E2C7, #85A054, #006D45, #5D284D, #101A00)
• Nocturne Navy Lantern color palette (#E6EEFF, #0B269C, #383200, #132205, #00000C)
• Velvet Nightshade color palette (#F1E1EE, #193CB0, #4C3800, #030068, #020100)
• Worn Cypress Hollow color palette (#FAF1DE, #90B576, #007E5E, #0A546D, #142605)

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