Open Source


Manage color-palettes and contrast-ratios in Sass

Accoutrement-Color provides essential color-management utilities. Organize all your colors into self-contained palettes, document color relationships directly in the code, automate WCAG-appropriate contrast checking, and generate color-palette documentation with Herman.

‘npm package’ ‘build status’

By storing all our colors in Sass maps, we can improve both organization and automation – making our color-palettes meaningful to both developers and the Sass language. Keep your colors in one place, generate palettes programmatically, check contrast-ratios, and loop through colors easily.

npm install accoutrement-color

Accoutrement Modules

OddBird’s Accoutrement toolkits are designed around the idea that code should be meaningful to both humans and machines – opening the door for automation, while improving readability. These tools integrate with Herman, our automated pattern-library generator.


Lightweight browser normalization. This is the only Accoutrement library with direct CSS output when imported.


Manage your color palettes in one place, and access them from anywhere with optional accessibility guidance from the WCAG.


Manage your webfonts, import them all with a single command, and access font-stacks on-the-fly, with utilities for generated content and accessibility.


Manage a system of consistent sizes to use across your project for typography, spacing, layout, and more. Generate sizes based on modular-scale ratios, and access sizes in any unit you need.


Layout utilities including named media-queries, shorthand positioning, fluid aspect-ratios, box-sizing, and float-clearing.

Start the conversation…

Interested in a chat with Miriam to find out more? Ask us anything; we’re happy to answer your questions, big or small. If your business is a good fit, we’ll offer a free in-depth project assessment!

Schedule a call with Miriam