WCP Theme Collection — Penrith Beacon® Default Collection

Collection UUID: 1a71e05b-424f-4dd2-9ba6-072fc4ada57d  ·  36 themes  ·  WCAG 2.2:AA  ·  WCPT 1.1

Thirty-six palette themes across twelve scenes, each available in Light, Dark, and High Contrast variants. Eleven of the twelve source palettes are drawn from the most widely adopted dark themes in the developer and design community, selected both for their internet popularity and because their dark-first structure allows Light and High Contrast variants to be derived algorithmically. The collection is distributed with WCP for use in any HTML context served over a network URL — Docker containers, web applications, hosted documentation, and WCP-aware widgets. The twelfth theme, Forest, is an original Penrith Beacon® design created to validate the derivation algorithms against a palette built from first principles, and is drawn from the author's experience hiking the eastern shore of Loch Lomond. All thirty-six themes carry WCAG 2.2 AA conformance across ten colour contrast pairs.
AuthorAnthony Harrison
Author emailwidgets@penrithbeacon.com
Author URLhttps://harrisonofthenorth.com
Collection URLhttps://penrithbeacon.com

1. Dracula

A gothic castle silhouetted against a deep blue-charcoal night sky — the stonework is the colour of shadowed slate and the darkness inside runs a near-absolute charcoal, while from the tall arched windows hot-pink candlelight bleeds outward, an incongruously vivid warmth against the cold purple-grey dark, as though something theatrical and glamorous has taken up residence in the ancient ruin.
AuthorZeno Rocha
Author URLhttps://draculatheme.com
Theme URLhttps://draculatheme.com

Light WCAG 2.2:AA

Background#f6f7f8
Surface#e9eaf1
Text#12131c
Primary#ff159b
Link#03728b

UUID: d1b8afb1-0350-45b8-9319-e747854831f3

Dark WCAG 2.2:AA

Background#282a36
Surface#343746
Text#f9f9f5
Primary#ff7ec8
Link#90e9fd

UUID: a72fcd01-9e3b-4a88-b14c-d9f7e2c83501

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#b00065
Link#0385a3

UUID: d97f287a-ebe7-4e32-8ef0-b15394412cb7

2. Nord

A frozen fjord on the Norwegian coast in late January — the water has locked to a pale ice-grey and the sky above it is a deep blue-dark that holds no warmth at all, while along the shoreline birch trunks glow almost white in the faint reflected light, and everything — ice, sky, birch, stone — exists in the same family of cold blues and silvers, as perfectly controlled and restrained as the Arctic itself.
AuthorArctic Ice Studio
Author URLhttps://nordtheme.com
Theme URLhttps://nordtheme.com

Light WCAG 2.2:AA

Background#f6f7f8
Surface#e9ecf1
Text#11151d
Primary#4290a7
Link#486d92

UUID: 55c5589b-091e-4e8d-b120-3ab2f1f1edaa

Dark WCAG 2.2:AA

Background#2e3440
Surface#3b4252
Text#eff1f5
Primary#8bc1d1
Link#98b2cc

UUID: 6b5bd0ad-39ac-4bcd-8a04-54959b39bef2

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#2c606f
Link#547ea9

UUID: 349560a8-e348-4f1a-9c39-2014b444dea7

3. Catppuccin Mocha

A late-night coffee shop seen through a rain-fogged window — inside, the walls are a deep warm charcoal, the ambient light softens everything to lavender and rose and pale blue-purple, and the steam rising from mugs on the counter catches the coloured light in pastel drifts, the whole interior a carefully composed palette of muted candy tones held in warm darkness, cosy and precise as a macaron box.
AuthorCatppuccin Community
Author URLhttps://catppuccin.com
Theme URLhttps://catppuccin.com

Light WCAG 2.2:AA

Background#f6f6f9
Surface#e8e8f2
Text#10101e
Primary#a464f0
Link#0a5fe6

UUID: 18e322a0-6131-4f0c-ab8b-46adbbb08516

Dark WCAG 2.2:AA

Background#1e1e2e
Surface#313244
Text#d1d9f4
Primary#cdaaf7
Link#8db7fa

UUID: d3a11c29-4dbd-4fa6-a6de-145c13045867

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#7516e7
Link#2374f5

UUID: c0ccbd20-bd4d-464a-8172-f4842cb9399c

4. Tokyo Night

Midnight in Tokyo's Shinjuku district seen from a high-floor window — the street grid below is a near-absolute deep navy, and through the rain the neon signs bleed blue and violet and electric-cornflower light across the wet tarmac, each colour smeared and doubled in the puddles, so that the whole city seems constructed equally from darkness and its own vivid electric reflection.
Authorenkia
Author URLhttps://github.com/enkia/tokyo-night-vscode-theme
Theme URLhttps://github.com/enkia/tokyo-night-vscode-theme

Light WCAG 2.2:AA

Background#f6f6f9
Surface#e6e7f4
Text#0e0f20
Primary#4980f4
Link#006cad

UUID: cab90df0-187d-4cee-b547-7e90283935d7

Dark WCAG 2.2:AA

Background#1a1b2e
Surface#24253e
Text#c4cdf5
Primary#7ea5f7
Link#82d0ff

UUID: d9ac54b8-622c-4811-b387-5fdc7d1af8aa

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#0d4dd3
Link#007fcc

UUID: a0d50a5a-1391-4421-8a51-8ab687dc8ed4

5. Gruvbox Dark

A woodworker's bench under a single incandescent bulb late at night — the workshop walls have darkened over decades to a warm charcoal that is never cold, the tool handles are worn to a polished amber-gold by years of use, and in the light of the bulb the fresh wood shavings on the floor glow a bright honey-yellow, the entire scene the colour of experienced craft and accumulated warmth.
AuthorPavel Pertsev (morhetz)
Author URLhttps://github.com/morhetz/gruvbox
Theme URLhttps://github.com/morhetz/gruvbox

Light WCAG 2.2:AA

Background#f8f7f7
Surface#eeecec
Text#191515
Primary#b17d04
Link#527165

UUID: c90cd013-c3fc-475b-abb4-3e3d3555fcf5

Dark WCAG 2.2:AA

Background#282828
Surface#3c3836
Text#ecdcb6
Primary#fabe33
Link#88a99c

UUID: fddd994e-71ad-4006-9c1e-b251e6beb7ac

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#7c5803
Link#5e8274

UUID: ce639f34-34dc-4447-acb2-2faacf200d44

6. Monokai

A vintage electric sign above a nightclub entrance at 2 a.m. — the background is the deep near-black of unlit alley brickwork, and from the sign the letters burn in a vivid hot red-pink that is almost too saturated to look at directly, while scattered across the darkness are smaller points of aqua-green, orange, and pale yellow, each colour fully committed and uncompromising, the palette of something designed to be seen through noise and dark.
AuthorWimer Hazenberg
Author URLhttps://monokai.pro
Theme URLhttps://monokai.pro

Light WCAG 2.2:AA

Background#f8f8f7
Surface#efefeb
Text#191a14
Primary#f9347b
Link#0f778b

UUID: f81b9b9b-d8db-4f02-bd05-ac8b0a542a7a

Dark WCAG 2.2:AA

Background#272822
Surface#3e3d32
Text#f9f9f5
Primary#f9347b
Link#6adaef

UUID: cc0d722b-48ac-495f-b8d2-d9f3304b97f8

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#b50545
Link#11879d

UUID: 76249f64-c03b-433f-8e7c-59c78f55e2df

7. One Dark

An empty open-plan office late at night, lit only by monitor screens — the walls and ceiling recede into a blue-tinted charcoal dark, the screens project a soft cold blue that is the only light source, and the desk surfaces catch that blue the way matte surfaces hold light, everything quiet and resolute, the colour of a developer in deep concentration long after everyone else has gone home.
AuthorAtom / GitHub
Author URLhttps://github.com/atom/atom
Theme URLhttps://github.com/atom/atom

Light WCAG 2.2:AA

Background#f7f7f8
Surface#eaecf0
Text#12151b
Primary#198ae7
Link#136db7

UUID: 22acf829-a356-479e-af60-9be4a89cb47b

Dark WCAG 2.2:AA

Background#282c34
Surface#2c313c
Text#adb4c1
Primary#65b1ef
Link#65b1ef

UUID: ab07c05a-5ff7-445d-ac86-0e5ee6ab1887

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#105c9b
Link#167ed2

UUID: 7afd85a1-f448-4855-8c75-80c1f0346e21

8. Solarized Dark

The deepest part of a tropical ocean at night seen from a glass-bottomed research vessel — the water is a deep teal-black, precise and still, and in the bioluminescent zones below the surface isolated points of cyan and sky-blue pulse against the dark, the whole environment calibrated to a perfection that nature achieves only in the places where few ever look, a palette of scientific exactness and quiet depth.
AuthorEthan Schoonover
Author URLhttps://ethanschoonover.com/solarized/
Theme URLhttps://ethanschoonover.com/solarized/

Light WCAG 2.2:AA

Background#f5f9fa
Surface#e6f1f4
Text#0e1c20
Primary#268dd6
Link#2071aa

UUID: 3d6cdd3e-20ce-4b2e-b839-c85a4b51aa29

Dark WCAG 2.2:AA

Background#002b36
Surface#073642
Text#8b9b9d
Primary#268dd6
Link#48a0dd

UUID: 10ab0dcf-361a-4680-9d10-3d6cbd09c5c8

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#195e8f
Link#2480bf

UUID: 28d7d477-33ba-4028-bde1-fbc52bd3d117

9. Rosé Pine

A Victorian writing room at the very end of evening — the walls are a deep purple-charcoal, the lamp on the desk is low and casts a dusty-rose warmth across the papers and the worn leather of the chair, and at the window the last of the night sky holds a violet so dark it is almost black, the whole room suffused with the colour of late Romanticism: beautiful, melancholy, and completely self-contained.
AuthorEmilia Dunfelt
Author URLhttps://rosepinetheme.com
Theme URLhttps://rosepinetheme.com

Light WCAG 2.2:AA

Background#f6f6f9
Surface#e9e8f3
Text#120f1f
Primary#e64f7a
Link#31717d

UUID: d619eb8c-791d-4bd7-97cb-874bbcd7cbe3

Dark WCAG 2.2:AA

Background#191724
Surface#1f1d2e
Text#e3e1f5
Primary#eb7395
Link#9fd0d9

UUID: 67637421-bd4d-460d-ba9c-6f5c462feb4e

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#ae1943
Link#3a8492

UUID: f15bbf8c-b6bb-4252-a8e0-bede76762bd4

10. Ayu Dark

A campfire burning low at the edge of a lake on a clear summer night — the sky above is a near-absolute deep blue-black that holds every star, the fire itself burns at its edges in warm amber and gold, and the reflection of both fire and stars on the still water doubles the spectacle, the darkness vast and detailed, the warmth small and precise.
AuthorIke Ku (dempfi)
Author URLhttps://github.com/dempfi/ayu
Theme URLhttps://github.com/dempfi/ayu

Light WCAG 2.2:AA

Background#f6f7f9
Surface#e6eaf4
Text#0e1320
Primary#ae7c19
Link#137293

UUID: 1a110177-1f0d-4f48-be49-0e700be1d38d

Dark WCAG 2.2:AA

Background#0d1017
Surface#131721
Text#c1bfb8
Primary#e6b554
Link#3dbbe6

UUID: ef5178f8-d30d-42b7-aac1-9028eae0811c

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#765411
Link#1684a9

UUID: d63b6764-9e03-443a-a475-960cd8ffb582

11. Cyberpunk

A narrow street in a near-future city at 3 a.m., flooded with rain — the sky is a near-absolute violet-black so dark it has weight, and through the downpour the neon signs bleed electric magenta and hot pink downward into the puddles on the road, creating moving pools of vivid colour in absolute darkness, the world reduced to the contrast between nothing and everything, between the dark and the neon that punctures it.
AuthorAnthony Harrison
Author emailwidgets@penrithbeacon.com
Author URLhttps://penrithbeacon.com
Theme URLhttps://penrithbeacon.com

Light WCAG 2.2:AA

Background#f7f5fa
Surface#ebe6f4
Text#150e20
Primary#fe2371
Link#006f9e

UUID: f35eeb85-60d9-4675-bf71-18683552f46f

Dark WCAG 2.2:AA

Background#060010
Surface#100025
Text#f2f2f2
Primary#fe327b
Link#05b5ff

UUID: e10609cb-2da3-4f28-920c-b7fc51845755

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#b40141
Link#0083ba

UUID: 4bdfc79d-516b-408c-b4f8-8b0177b12b4c

12. Forest

A stand of old-growth Douglas fir at the end of dusk, when the sky has not quite lost its last light — the canopy is near-black, a ceiling of dark layered needles, the trunks thick and deep pine-green where they catch the remaining light, and from the forest floor upward the air holds a dark sage-green that is the accumulated colour of ten thousand living things breathing in the dark, the whole forest a single organism composing itself for night.
AuthorAnthony Harrison
Author emailwidgets@penrithbeacon.com
Author URLhttps://harrisonofthenorth.com
Theme URLhttps://penrithbeacon.com

Light WCAG 2.2:AA

Background#f7f9f6
Surface#ecf4e7
Text#16200e
Primary#599b39
Link#3671a9

UUID: b8b71f7f-eb59-448c-9e45-3b4fe691b2d2

Dark WCAG 2.2:AA

Background#1a2214
Surface#22301a
Text#cad9c3
Primary#5ca13b
Link#6198cd

UUID: 94153276-8395-48df-a4a8-9cadebb605e6

High Contrast WCAG 2.2:AA

Background#000000
Surface#0d0d0d
Text#ffffff
Primary#3a6525
Link#3c7ebe

UUID: 5be8bb5c-9d10-4db5-a1a7-8ca2645e540e