A collection of color palette packages from popular CSS frameworks.
A collection of packages containing default color palettes of popular CSS frameworks. All palettes are then normalized to use only CSS Level 2 color keywords (no custom color names).
By extracting color palettes into separate packages, we can use any palette on it's own, without being tied to any frameworks. By using only CSS2 color keywords, we can interchange the palettes easily.
Once installed, the palettes are available as CSS, LESS, SCSS and Stylus stylesheets. Configure your stylesheet pre-processor or parser to enable import of NodeJS modules.
@import "@webcolors/bootstrap";
body {
background-color: var(--aqua);
color: var(--blue);
}
@import "@webcolors/bulma";
body {
background-color: @fuchsia;
color: @gray;
}
@import "@webcolors/flatui"
// Or @use with scope:
@use "@webcolors/material" as material;
@use "@webcolors/mrmrs" as mrmrs;
body {
background-color: material.$green;
border: 1px solid $lime;
color: flatui.$maroon;
}
@import "@webcolors/tailwind"
body
background-color navy
color olive