Twilit Fern Harbor color palette — #D4E6D7 · #5B5D00 · #113300 · #001915 · #010100

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

The five colors

• Celadon Mist (#D4E6D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#5B5D00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#113300): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001915): A deep, shadowed, dusty teal — the color of sea glass.
• 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 Harbor 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

• Shadow Summit color palette (#D0F0E8, #006942, #00312D, #001722, #000201)
• Worn Olive color palette (#DEEFDE, #736A00, #263E00, #16134C, #030300)
• Aged Abyss Station color palette (#E3DFCC, #6E8342, #234600, #00230C, #010100)
• Forest Bloom color palette (#D9F4E6, #78995F, #00663F, #004147, #001712)
• Hazy Fern color palette (#D0EED7, #929E1C, #176E0B, #3E326F, #151800)
• Denim Parlor color palette (#DBEDFF, #004F84, #543300, #00203A, #020100)
• Pine Meadow color palette (#E1F9E9, #9DB16E, #1F7F39, #045857, #00271E)
• Patina Navy color palette (#EBD8DE, #477EA7, #103188, #001F22, #010009)

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