Color Scheme Explorer

Catppuccin Macchiato catppuccin dark

by Catppuccin contributors · catppuccin
darkcolorfulhigh-contrast
readability66/100dark96%bg#24273afg#cad3f5bg hue232°fg hue227°mean lightness63%saturation48%warmth-0.03mean hue264° violethue variation88°distinct hues9avg contrast6.5fg contrast9.9text on bgwhiteachromatic0

Colors

rosewater
flamingo
pink
mauve
red
maroon
peach
yellow
green
teal
sky
sapphire
blue
lavender
text
subtext1
subtext0
overlay2
overlay1
overlay0
surface2
surface1
surface0
base
mantle
crust
roygcbpb

Ramp is sorted by WCAG relative luminance; the strip maps the 8 ANSI roles (base08–base0F).

Code sample

package main

import "fmt"

const (
	Version  = "1.2.0" // release
	MaxTries = 3
)

type Server struct {
	Host string
	Port int
}

func (s *Server) start(tls bool) error {
	addr := fmt.Sprintf("%s:%d", s.Host, s.Port)
	if tls {
		return listen(addr, 443)
	}
	return listen(addr, 80)
}

Analysis

hue wheel
hue histogram
<1.21.2234.5≥7
contrast buckets
WCAG contrast matrix
vsrosewaterflamingopinkmauveredmaroonpeachyellowgreentealskysapphirebluelavendertextsubtext1subtext0overlay2overlay1overlay0surface2surface1surface0base
rosewater·1.21.21.61.91.61.51.11.21.31.21.51.71.41.11.41.72.12.73.54.76.38.511.2
flamingo1.2·1.01.41.61.41.31.11.01.11.01.21.51.21.01.21.41.82.33.04.05.47.39.5
pink1.21.0·1.41.61.41.21.11.01.11.01.21.41.11.11.11.41.82.33.03.95.37.19.3
mauve1.61.41.4·1.11.01.11.51.31.31.31.11.01.21.41.21.01.31.72.22.93.95.26.8
red1.91.61.61.1·1.11.31.71.51.51.51.31.11.41.71.41.11.11.41.92.53.44.56.0
maroon1.61.41.41.01.1·1.11.51.31.31.31.11.01.21.51.21.01.31.62.22.93.85.26.8
peach1.51.31.21.11.31.1·1.31.21.11.21.01.21.11.31.11.21.41.82.43.24.35.87.6
yellow1.11.11.11.51.71.51.3·1.11.21.11.31.61.21.01.21.51.92.53.24.35.87.810.2
green1.21.01.01.31.51.31.21.1·1.01.01.21.41.11.11.11.41.72.22.93.95.27.09.2
teal1.31.11.11.31.51.31.11.21.0·1.01.11.31.11.11.11.31.72.12.83.74.96.68.7
sky1.21.01.01.31.51.31.21.11.01.0·1.21.41.11.11.11.41.72.22.93.85.27.09.1
sapphire1.51.21.21.11.31.11.01.31.21.11.2·1.21.11.31.11.21.41.82.43.24.35.87.6
blue1.71.51.41.01.11.01.21.61.41.31.41.2·1.21.51.21.01.21.62.12.83.75.06.6
lavender1.41.21.11.21.41.21.11.21.11.11.11.11.2·1.21.01.21.52.02.63.44.66.28.2
text1.11.01.11.41.71.51.31.01.11.11.11.31.51.2·1.21.51.92.43.14.25.67.59.9
subtext11.41.21.11.21.41.21.11.21.11.11.11.11.21.01.2·1.21.52.02.63.44.66.28.2
subtext01.71.41.41.01.11.01.21.51.41.31.41.21.01.21.51.2·1.31.62.12.83.75.06.6
overlay22.11.81.81.31.11.31.41.91.71.71.71.41.21.51.91.51.3·1.31.72.23.04.05.3
overlay12.72.32.31.71.41.61.82.52.22.12.21.81.62.02.42.01.61.3·1.31.72.33.14.1
overlay03.53.03.02.21.92.22.43.22.92.82.92.42.12.63.12.62.11.71.3·1.31.82.43.2
surface24.74.03.92.92.52.93.24.33.93.73.83.22.83.44.23.42.82.21.71.3·1.31.82.4
surface16.35.45.33.93.43.84.35.85.24.95.24.33.74.65.64.63.73.02.31.81.3·1.31.8
surface08.57.37.15.24.55.25.87.87.06.67.05.85.06.27.56.25.04.03.12.41.81.3·1.3
base11.29.59.36.86.06.87.610.29.28.79.17.66.68.29.98.26.65.34.13.22.41.81.3·

Each cell is the WCAG contrast ratio between the row color and the column color (darker cell = higher ratio). ≥4.5 passes AA for normal text, ≥7 passes AAA.

Terminal

user@host:~/dev/scheme$ ls -la
-rw-r--r-- 8.9K user main.go
-rw-r--r-- 5.8K user preview.go
-rwxr-xr-x 9.9M user colorexplorer
drwxr-xr-x 4096 user cache/
lrwxrwxrwx 11 user site -> public
-rw-r--r-- 2400 user bundle.zip
user@host:~/dev/scheme$ git diff --stat
diff --git a/main.go b/main.go
--- a/main.go
+++ b/main.go
@@ -12,7 +12,8 @@
-	addr := ":8080"
+	addr := ":9090"