Nocturne Fern color palette — #F9E7F1 · #2A5700 · #002A2A · #200011 · #000502

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

The five colors

• Blush (#F9E7F1): A whisper-light, dusty pink — the color of neon signs at night.
• Deep Olive (#2A5700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#002A2A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#200011): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

Use it as a design system

One click turns Nocturne 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

• Moonless Dune color palette (#E9E8D5, #005438, #002A25, #000A1F, #000201)
• Cellar Onyx color palette (#EEDCC9, #5E4600, #012D05, #16002A, #040400)
• Olive Grove color palette (#D3ECEB, #8A8500, #007139, #004351, #000604)
• Timeworn Field color palette (#EBDFE8, #408E90, #004453, #002415, #000A15)
• Eclipse Navy Study color palette (#F2DAE4, #006469, #002B6B, #291100, #000E14)
• Worn Thicket color palette (#DBE6CB, #2B7B6D, #004454, #3B0C0C, #170700)
• Muted Grove color palette (#FFECE0, #528C00, #006864, #6D003D, #000501)
• Airy Pine color palette (#F8D1EA, #008E5A, #005667, #620326, #002B25)

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