One base color in, five swatches out, on classic color-wheel harmonies: analogous for calm, complementary for punch, triadic for playgrounds, split-complementary for punch-with-an-escape-hatch, monochrome for a single voice.
The swatches render as real color blocks with hex codes underneath — pick with your eyes, copy with your keyboard.
Frequently asked questions
Are the lightness values from a system?
They are practical defaults (a near-white tint, two brand-adjacent steps, a near-black shade), tuned for UI use rather than color theory orthodoxy — adjust the hexes to taste.
How do I know the palette is accessible?
Run the pairs through the WCAG Contrast Checker — a palette can be harmonious and still fail every text pairing.
中文说明
一个基准色进去，五个色块出来，基于经典色轮和谐：邻近色求稳、互补色求冲击、三角色求活泼、分裂互补留退路、单色一个声音说话。
色板以真实色块渲染、下方标注十六进制——用眼睛挑，用键盘抄。
常见问题
明度值有什么依据？
是面向 UI 的实用默认（一个近白浅调、两个品牌邻近步、一个近深阴影），为好用服务而非色彩理论正统——不满意直接改色值。
怎么判断配色可访问？
把组合丢进 WCAG 对比度检查器——一套配色可以很和谐，同时文字组合全部不及格。