/design-system

GitHub Next 2.0 — new palette

Pulled from Figma (mXLefpBrLS4q96nOX8cLMX). Added to global.css under --color-gn-*. Old tokens are untouched — see /old-design-system for the full existing inventory.

Neutrals

Core surfaces and ink.

base #f6f7ee

Body background

--color-gn-base

paper #fefefd

Card surface

--color-gn-paper

border #e4e6d6

Default border

--color-gn-border

ink #303026

Primary text

--color-gn-ink

grey #75766d

Secondary text

--color-gn-grey

icon #c9cabc

Icon / subtle surface

--color-gn-icon

Accents

One shade each — no 100–700 scale. Pick by intent, not darkness.

copper #ce6d53

--color-gn-copper

copper-warm #d78a67

--color-gn-copper-warm

banana #fdc987

--color-gn-banana

mint #dedfbd

--color-gn-mint

sky #c4d7d9

--color-gn-sky

sea #60a0b3

--color-gn-sea

slate #b4bdcb

--color-gn-slate

Derived variants

Two derived tokens per accent. -text is oklch(from <accent> L c h) — keeps the hue/chroma, pushes lightness to AA. -light is color-mix(in srgb, <accent> N%, gn-base) — tinted chip surface.

Accent
Original
-text on paper
-light chip
copper
#ce6d53
Aa — Sample L=0.40
copper chip 10%
copper-warm
#d78a67
Aa — Sample L=0.40
copper-warm chip 10%
banana
#fdc987
⚠ AA large text only
Aa — Sample L=0.55
banana chip 15%
mint
#dedfbd
Aa — Sample L=0.40
mint chip 28%
sky
#c4d7d9
Aa — Sample L=0.40
sky chip 22%
sea
#60a0b3
Aa — Sample L=0.40
sea chip 10%
slate
#b4bdcb
Aa — Sample L=0.40
slate chip 15%

Proposed stage mapping

Replacing the old per-stage hues (purple/pink/green/blue/orange) with single shades from the new palette.

Stage Old New Why
napkin
green-500
gn-mint
Early / in-progress work shares one colour — mint.
research-prototype / prototype
purple-500
gn-mint
Early / in-progress work shares one colour — mint.
wip
pink-500
gn-mint
Early / in-progress work shares one colour — mint.
technical-preview / waitlist
orange-500
gn-banana
Bright, anticipatory — 'nearly ready, worth your attention'.
product / open-sourced / completed
blue-500
gn-sea
Saturated teal — established, shipped work.

Sample card

One project card rendered with the new palette and proposed stage colour. Typography conservative, metadata grouped.

Work in progress

Agentic workflows

Exploring how multi-step autonomous agents can plan, execute, and verify software changes across a repository.

GitHub Next
Apr 2026
Product

Monaspace

An innovative superfamily of fonts for code. How can we make code more expressive in any editor?

GitHub Next
Nov 2023
Napkin

Copernicus

Can software catalog itself? Early sketches of a self-documenting codebase.

GitHub Next
Feb 2026
Technical preview

GitHub Spark

A canvas for building tiny personal apps with AI. Now in limited preview.

GitHub Next
Oct 2025

Token audit