https://github.com/catppuccin/palette
🎨 Soothing pastel theme to use within your projects!
https://github.com/catppuccin/palette
catppuccin gimp-palette hacktoberfest meta pastel-colors
Last synced: 10 months ago
JSON representation
🎨 Soothing pastel theme to use within your projects!
- Host: GitHub
- URL: https://github.com/catppuccin/palette
- Owner: catppuccin
- License: mit
- Created: 2021-12-11T23:58:42.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-05-09T11:05:33.000Z (about 1 year ago)
- Last Synced: 2025-07-16T02:13:02.074Z (11 months ago)
- Topics: catppuccin, gimp-palette, hacktoberfest, meta, pastel-colors
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/@catppuccin/palette
- Size: 499 KB
- Stars: 561
- Watchers: 7
- Forks: 43
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
Catppuccin Palettes
## Usage
### Node
The library is available on [npm](https://www.npmjs.org/package/@catppuccin/palette):
```console
npm install @catppuccin/palette
```
```ts
import { flavors, flavorEntries, version } from "@catppuccin/palette";
import chalk from "chalk";
// a string containing the version of the library
console.log(version);
// an object containing all catppuccin flavors
console.log(flavors);
// typed helper when iterating flavors
flavorEntries.map(([_, flavor]) => {
console.log(`${flavor.name} is a ${flavor.dark ? "dark" : "light"} theme.`);
console.log(`It has ${flavor.colorEntries.length} colors:`);
// same for the colors
flavor.colorEntries.map(([colorName, { hex, rgb, accent }]) => {
console.log(
chalk.bgRgb(rgb.r, rgb.b, rgb.g)(` ${hex} `),
colorName,
accent
);
});
console.log("\n");
// same for the ansi colors
flavor.ansiColorEntries.map(([colorName, ansi]) => {
console.log(
chalk.hex(ansi.normal.hex)(`[${ansi.normal.code}] Normal ${colorName}`)
);
console.log(
chalk.hex(ansi.bright.hex)(`[${ansi.bright.code}] Bright ${colorName}`)
);
});
});
```
### Deno
The library is available through [JSR](https://jsr.io/@catppuccin/palette) and [`deno.land/x/catppuccin`](https://deno.land/x/catppuccin):
```ts
import {
flavors,
flavorEntries,
version,
} from "https://deno.land/x/catppuccin/mod.ts";
import { bgRgb24 } from "https://deno.land/std/fmt/colors.ts";
// a string containing the version of the library
console.log(version);
// an object containing all catppuccin flavors
console.log(flavors);
// typed helper when iterating flavors
flavorEntries.map(([_, flavor]) => {
console.log(`${flavor.name} is a ${flavor.dark ? "dark" : "light"} theme.`);
console.log(`It has ${flavor.colorEntries.length} colors:`);
// same for the colors
flavor.colorEntries.map(([colorName, { hex, rgb, accent }]) => {
console.log(bgRgb24(` ${hex} `, { ...rgb }), colorName, accent);
});
console.log("\n");
});
```
## Other available formats
- Web development
- [CSS](docs/css.md)
- [Sass](docs/sass.md)
- Ports of this library
- [Elixir](https://github.com/catppuccin/elixir)
- [Flutter](https://github.com/catppuccin/flutter)
- [Gleam](https://github.com/catppuccin/gleam)
- [Go](https://github.com/catppuccin/go)
- [Java](https://github.com/catppuccin/java)
- [Lua](https://github.com/catppuccin/lua)
- [Nim](https://github.com/catppuccin/nim)
- [Python](https://github.com/catppuccin/python)
- [Ruby](https://github.com/catppuccin/ruby)
- [Rust](https://github.com/catppuccin/rust)
- [Tailwind CSS](https://github.com/catppuccin/tailwindcss)
- [V](https://github.com/catppuccin/v)
## Graphics editors
Please use the respective files in [the latest GitHub Release](https://github.com/catppuccin/palette/releases/latest):
| Programs | Directory |
| -------------------------------- | ------------ |
| Adobe Suite, Affinity Suite, Sip | `ase/` |
| Aseprite, Gimp, Inkscape, Krita | `gimp/` |
| Procreate | `procreate/` |
| Apple Color List (.clr) | `clr/` |
Â
Copyright © 2021-present Catppuccin Org
