Catppuccin Palettes
Available formats
- Node Package
- CSS
- Gimp
- Krita
- Inkscape
- Aseprite/LibreSprite
- Affinity
- PNG
- Sass
Usage
Node Package
npm install @catppuccin/palette
Example: test.js
import {variants, labels} from '@catppuccin/palette'
console.log(variants.latte.lavender) // #7287FD
console.log(labels.base.macchiato) // #24273ACSS
Example: test.css
@import url('https://unpkg.com/@catppuccin/[email protected]/css/catppuccin.css');
body {
color: var(--ctp-mocha-text);
background: var(--ctp-frappe-base);
}Gimp
- Clone this repository locally
- Navigate to Edit > Preferences > Folders > Palettes in GIMP
- Select the folder with the 'x' and press "Show file location in the file manager" (the rightmost button)
- Copy "Catppuccin.gpl" to this folder
Krita
- Clone this repository locally
- Navigate to Settings > Dockers > Palette in Krita
- Open the "Choose Palette" button in the bottom left corner of Palette docker
- Select "Import a new palette from file"
- Open Catppuccin.kpl from the dialog that appears
Inkscape
- Clone this repository locally
- Navigate to Edit > Preferences > System > User palettes in Inkscape
- Press the "Open" button next to the folder path
- Copy "Catppuccin.gpl" to this folder
Aseprite
- Clone this repository locally
- Open Palette Options
- Select "Load Palette" from the menu
- Open Catppuccin.ase from the dialog that appears
💝 Thanks to
Copyright © 2021-present Catppuccin Org
