Eclipse Fern color palette — #D0EADD · #5B5700 · #002F45 · #170005 · #020100

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

The five colors

• Honeydew (#D0EADD): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#5B5700): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002F45): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#170005): A deep, shadowed, dusty red — the color of embers at dusk.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

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

• Abyss Bloom color palette (#D0E6ED, #006163, #00313D, #160008, #010200)
• Nocturne Aubergine color palette (#C7E6E6, #006542, #330071, #0F1A1E, #0F0500)
• Cellar Onyx color palette (#BFE9EA, #004732, #00232B, #02002A, #010100)
• Antique Onyx color palette (#DBE3D4, #66835E, #00534D, #480025, #070100)
• Velvet Quarry color palette (#DFE5CC, #004A19, #0F0063, #211C09, #190008)
• Wandering Pine color palette (#DEF0E9, #4C8B54, #004738, #191E00, #000200)
• Patina Drift color palette (#ECDFE8, #69AFB6, #005E78, #002D1F, #000104)
• Inked Aubergine color palette (#CEF7FD, #007867, #50008B, #231000, #000200)

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