aboutsummaryrefslogtreecommitdiff

uchū is the color palette for internet lovers, by NetOperator Wibby. uchū utilizes the OKLCH color space for reasons. I've been using this color palette for personal projects for about a year and have been quite pleased with it.

No, I will not add other color spaces.

Install

bun add @inc/uchu
# or: npm install @inc/uchu / pnpm add @inc/uchu / yarn add @inc/uchu

Usage

JavaScript / TypeScript

import { color, palette, reduced, yang } from "@inc/uchu";

palette.blue[5];    // "oklch(54.87% 0.222 260.33)"
color("red", 7);    // "oklch(49.95% 0.195 18.34)"
reduced.green[2];   // mid-shade green from the reduced palette
yang;               // off-white background constant

Types Hue and Shade are exported for narrowing palette keys.

CSS

Drop the stylesheet in and use the CSS custom properties:

import "@inc/uchu/css";

body {
  background-color: var(--uchu-yang);
  border: 1px solid var(--uchu-blue-5);
  color: var(--uchu-yin-9);
}

Sass / SCSS

@use "@inc/uchu/scss" as *;

body {
  background-color: $uchu-yang;
  color: $uchu-yin-9;
}

Prefer URL imports? See the URL-based usage guide.

Table of Contents