fen.

A WETLAND-INSPIRED COLOR SCHEME

Moss green.
Deep blue.

A general purpose color scheme, in dark and light.
Muted greens, earthy accents and warm off-white text.

Download Fen View the colors
Dark and light variantsDusk & Dawn
For editors, terminals and interfaces.Noctalia · Base16 · Base24 · CSS · Kitty

01 / PREVIEW

See it in use.

Try Dusk and Dawn with code,
terminal colors or a few UI controls.

Fen Dusk
palette.tsFEN / Dusk
TS palette.ts ×
// A few colors from the Fen palette.type Variant = 'dusk' | 'dawn'; const colors = {  moss: '#A8C86B',  water: '#0B1824',  mist: '#E8E6C8',  amber: '#D4B071'}; function getTheme(variant: Variant) {  return { ...colors, variant };} getTheme('dusk');
⑂   main   ✓UTF-8   ·   TypeScript   ·   Fen

LIVE PREVIEWDemo layouts · original UI colors, Base16 syntax colors

02 / PALETTE

The colors.

Browse the original palette or its Base16 and Base24 mappings.
Click a swatch to copy its hex value.

The main accents, backgrounds and text colors.

03 / ABOUT

Why Fen?

A fen is a type of wetland. The name fits the moss greens, blue backgrounds and earthy reds in this scheme.

Dusk pairs a dark blue background with ivory text. Dawn uses a pale green background and darker accents.

Fen is a general purpose palette for editors, terminals and interfaces. Base16 and Base24 provide common role mappings; CSS, Kitty and Noctalia exports are also available.

Read the README

04 / DOWNLOADS

Get Fen.

Noctalia and CSS include both variants.
The other downloads follow your selected theme.

01Noctalia Original UI and terminal colors, with both variants.JSON02Base16 16 color roles for compatible theme builders.YAML / Dusk03Base24 24 roles, including separate normal and bright accents.YAML / Dusk04CSS variables Named custom properties for dark and light themes.CSS05Kitty Original terminal colors in a Kitty configuration.CONF / Dusk
Installation notes

Noctalia v5: save the JSON as ~/.config/noctalia/palettes/Fen.json. Set source = "custom" and custom_palette = "Fen" under [theme]. For v4, use ~/.config/noctalia/colorschemes/Fen/Fen.json and select Fen in the color scheme settings. Noctalia documentation ↗

Base16 / Base24: these are scheme files for a compatible Tinted Theming builder. Generate the configuration for your application using its template; the YAML itself is not an editor plugin. Tinted Theming documentation ↗

CSS: load fen.css, add data-fen="dark" or data-fen="light" to your root element, then use var(--fen-moss).

Kitty: place the selected .conf next to your kitty.conf and add include fen-dusk-kitty.conf (or the Dawn file). Reload your configuration.

Fen Dusk.
Fen Dawn.

↑

Copy the colors

Select the text below and copy it.