Open Color
yeun.github.ioUse named colour levels across interface code and design swatches.
Use named colour levels across interface code and design swatches.
NAV’s interface components and practical product guidance
Components and page foundations for Government of Canada services
Gradient and outline illustrations with adjustable colours
Vector scenes and character builders with collection-specific licences
Shape and colour patterns with vector export and attribution-based reuse
Preview colours and typography on a sample site, then export them.
Check text and interface contrast with transparency and lightness controls.
A webfont that turns readable symbol names into icon ligatures.
Weather symbols and wind directions delivered as an icon font.
Create AI websites by chatting, with hosting and a full editor
Chain colour transformations while keeping earlier values unchanged.
Convert and interpolate colours through an extensible Python object.
Map twelve-step colour scales to interface roles and light or dark themes.
Work with colour spaces and colour relationships in Go.
Explore photograph-based palettes with copyable hex colours and related combinations.
Use the Mac colour panel with shortcuts, recent colours and palette export
Compare colour references, build complements and convert colour data.
Find device and logo mockups with editable layers and effects.
Let users choose from a visible set of colours with one click.
Tailwind components and templates with right-to-left support
Build colour scales around shared lightness levels and contrast checks.
Related illustration families with editable SVG and ready-to-place PNG files
A legacy icon-font toolkit with stylesheet source and familiar modifiers.