Nocturne Fern Harbor color palette — #E1E1D0 · #355E00 · #00445E · #132700 · #00070D

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

The five colors

• Bone (#E1E1D0): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#355E00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00445E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#132700): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00070D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Charred Chestnut color palette (#EDE1C5, #664D00, #004942, #2A1E00, #000806)
• Navy Meadow color palette (#E5F1D6, #006044, #022C9F, #00281A, #000221)
• Ancient Fern Lantern color palette (#D4F7F5, #006D6C, #584B00, #003434, #140F00)
• Forest Lagoon color palette (#E2EEE3, #006324, #642B00, #00290A, #0F0300)
• Inked Aubergine color palette (#EDEDD2, #335800, #5C0473, #122400, #030005)
• Jade Alley color palette (#DAE4DA, #41AF7F, #008170, #1F4200, #001607)
• Dusty Aubergine color palette (#D1E9E3, #578A1F, #6D0093, #244100, #0D0015)
• Hushed Byzantium Harbor color palette (#DFE1D2, #57A742, #8E41D6, #165100, #0B0019)

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