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

• Expanded Palette
  • Gray
  • Red
  • Pink
  • Purple
  • Blue
  • Green
  • Yellow
  • Orange
  • General
  • Sass
• Reduced Palette
  • Gray
  • Red
  • Pink
  • Purple
  • Blue
  • Green
  • Yellow
  • Orange
  • General
  • Sass
• Usage
  • Pure
  • Svelte/SvelteKit
• Showcase
  • Website
• FAQ
  • Origin
  • Normal colors
  • Dark Mode
  • The name
  • Virality
  • The tagline
• Why UNLICENSE?