Back to Schemas

Catppuccin Latte

Soothing pastel theme with a light, clean feel

by Catppuccin
lightpastelmodernwarm

Color Palette

color0
#eff1f5
rgb(239, 241, 245)
color1
#d20f39
rgb(210, 15, 57)
color2
#40a02b
rgb(64, 160, 43)
color3
#df8e1d
rgb(223, 142, 29)
color4
#1e66f5
rgb(30, 102, 245)
color5
#8839ef
rgb(136, 57, 239)
color6
#179299
rgb(23, 146, 153)
color7
#4c4f69
rgb(76, 79, 105)
color8
#6c6f85
rgb(108, 111, 133)
color9
#e64553
rgb(230, 69, 83)
color10
#40a02b
rgb(64, 160, 43)
color11
#fe640b
rgb(254, 100, 11)
color12
#04a5e5
rgb(4, 165, 229)
color13
#ea76cb
rgb(234, 118, 203)
color14
#209fb5
rgb(32, 159, 181)
color15
#dce0e8
rgb(220, 224, 232)

Terminal Preview

See how this color scheme looks in a real terminal environment with syntax highlighting and command output.

Terminal Preview
user@host:~$ ls -la
total 48
drwxr-xr-x 12 user user 4096 Jan 15 10:30 .
drwxr-xr-x 24 user user 4096 Jan 10 08:15 ..
-rw-r--r-- 1 user user 220 Jan 10 08:15 .bashrc
drwxr-xr-x 3 user user 4096 Jan 12 14:22 .config
-rw-r--r-- 1 user user 3526 Jan 14 16:45 README.md
-rwxr-xr-x 1 user user 8192 Jan 15 09:30 build.sh
drwxr-xr-x 5 user user 4096 Jan 13 11:20 projects
-rw-r--r-- 1 user user 1024 Jan 11 13:00 notes.txt

user@host:~$ cat script.py
def greet(name):
 "Greet a user with their name"
 message = f"Hello, {name}!"
 return message

if __name__ == "__main__":
 result = greet("Ricing Enthusiast")
 print(result)

user@host:~$ npm run build

> coolema@1.0.0 build
> next build

 ▲ Next.js 14.0.0

 Creating an optimized production build
 Compiled successfully
 Linting and checking validity of types
 Collecting page data
 Generating static pages (8/8)
 Finalizing page optimization

Route (app) Size First Load JS
┌ ○ / 1.2 kB 85.3 kB
├ ○ /docs 890 B 84.1 kB
└ ○ /schemas 1.5 kB 86.6 kB

 (Static) prerendered as static content

user@host:~$ git status
On branch main
Your branch is up to date with 'origin/main'.

Changes to be committed:
 (use "git restore --staged <file>..." to unstage)
 modified: components/terminal-preview.tsx
 new file: content/schemas/custom-theme.mdx

user@host:~$ 

Export Configuration

# Kitty Color Scheme
foreground #4c4f69
background #eff1f5

# Black
color0 #eff1f5
color8 #6c6f85

# Red
color1 #d20f39
color9 #e64553

# Green
color2 #40a02b
color10 #40a02b

# Yellow
color3 #df8e1d
color11 #fe640b

# Blue
color4 #1e66f5
color12 #04a5e5

# Magenta
color5 #8839ef
color13 #ea76cb

# Cyan
color6 #179299
color14 #209fb5

# White
color7 #4c4f69
color15 #dce0e8

Related Schemas