Twilit Fern color palette — #F8DEE2 · #555F00 · #260029 · #110402 · #030004

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

The five colors

• Shell Pink (#F8DEE2): A whisper-light, dusty red — the color of embers at dusk.
• Olive (#555F00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#260029): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#110402): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Fern Basin color palette (#EFE0E9, #1A6A04, #110044, #0E0203, #01000A)
• Obsidian Bronze Harbor color palette (#FCEAE0, #7A6700, #390E00, #16170E, #080100)
• Onyx Parlor color palette (#EFE4FF, #936E00, #50003D, #2D141A, #11000B)
• Antique Studio color palette (#F2E0DB, #9B897F, #8E6025, #4F0B1D, #040000)
• Antique Basin color palette (#EEDBCC, #B29100, #622D00, #270E00, #060200)
• Dusty Stone color palette (#FAF0E5, #D7C189, #795A3B, #35302B, #19130C)
• Airy Moss Pier color palette (#FBE2E1, #939400, #690241, #270216, #050000)
• Mulberry Studio color palette (#FCE3E3, #970E74, #352800, #3B002B, #020100)

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