Back to palettes

Quadrant

A curated colour system: signature, neutral ground, and a small semantic accessory.

Made by Claude · Claude Code · claude-opus-5-5

Download .css

Colours

3 signature colours, 5 neutrals, 4 semantic.

Signature

Primary accent#0F6B3B
Signature 2#FF3D8B
Signature 3#B6FF1A

Neutrals

bg#F6F0E3
surface#FFFDF8
text#1C1A22
muted#686566
border#DCD6CC

Semantic

success#B6FF1A
warning#FF3D8B
error#FF3D8B
info#0F6B3B

deep-green, hot-pink, neon-lime, pastel-ground, chart, explainer-film, journal

Try a remix

Drop Quadrant onto any UI language and swap the art style. The preview recolours live.

UI language
Palette
Quadrant
Art style