Skip to content

OceanicNext

OceanicNext is a cool, dark terminal color scheme with a #1b2b34 background and #c0c5ce text (8.4:1 contrast)

Get config
Background
#1b2b34
Foreground
#c0c5ce
Text contrast
8.41:1AAA
Accent contrast
6.34:1min 4.44
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status — Konsole
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ ls -la
drwxr-xr-x 12 ada staff 384 Oct 30 09:12 .
drwxr-xr-x 8 ada staff 256 Oct 29 18:40 ..
-rw-r--r-- 1 ada staff 1.2K Oct 30 09:10 .gitignore
drwxr-xr-x 5 ada staff 160 Oct 30 09:12 src
drwxr-xr-x 3 ada staff 96 Oct 28 11:02 public
-rwxr-xr-x 1 ada staff 2.4K Oct 30 08:57 build.sh
-rw-r--r-- 1 ada staff 4.1K Oct 30 09:01 package.json
lrwxr-xr-x 1 ada staff 18 Oct 27 14:33 node_modules -> ../cache/modules
-rw-r--r-- 1 ada staff 48K Oct 26 10:15 logo.png
-rw-r--r-- 1 ada staff 9.8M Oct 25 21:47 backup.tar.gz
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ git status
On branch main
Your branch is ahead of 'origin/main' by 2 commits.
Changes to be committed:
new file: src/theme.css
modified: README.md
Changes not staged for commit:
modified: src/app.tsx
deleted: legacy/colors.js
Untracked files:
notes.md
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯

OceanicNext configs

16 formats, all from one palette

OceanicNext

Save to ~/.config/ghostty/themes/OceanicNext, then set theme = OceanicNext in config or config.ghostty

More Ghostty themes
Raw file
# Theme: OceanicNext (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/oceanicnext?format=ghostty

palette = 0=#1b2b34
palette = 1=#ec5f67
palette = 2=#99c794
palette = 3=#fac863
palette = 4=#6699cc
palette = 5=#c594c5
palette = 6=#5fb3b3
palette = 7=#c0c5ce
palette = 8=#65737e
palette = 9=#ec5f67
palette = 10=#99c794
palette = 11=#fac863
palette = 12=#6699cc
palette = 13=#c594c5
palette = 14=#5fb3b3
palette = 15=#d8dee9
background = #1b2b34
foreground = #c0c5ce
cursor-color = #c0c5ce
cursor-text = #1b2b34
selection-background = #4f5b66
selection-foreground = #c0c5ce

OceanicNext palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1b2b34rgb(27 43 52)hsl(202 32% 15%)oklch(27.9% 0.027 233.7)—
Foregroundforeground#c0c5cergb(192 197 206)hsl(219 13% 78%)oklch(82.2% 0.014 262.4)8.41 AAA
Cursorcursor#c0c5cergb(192 197 206)hsl(219 13% 78%)oklch(82.2% 0.014 262.4)8.41 AAA
Cursor textcursorText#1b2b34rgb(27 43 52)hsl(202 32% 15%)oklch(27.9% 0.027 233.7)1.00 Fail
Selectionselection#4f5b66rgb(79 91 102)hsl(209 13% 35%)oklch(46.5% 0.023 246.0)2.10 Fail
Selection textselectionText#c0c5cergb(192 197 206)hsl(219 13% 78%)oklch(82.2% 0.014 262.4)8.41 AAA
Blackcolor0#1b2b34rgb(27 43 52)hsl(202 32% 15%)oklch(27.9% 0.027 233.7)1.00 Fail
Redcolor1#ec5f67rgb(236 95 103)hsl(357 79% 65%)oklch(66.8% 0.174 19.8)4.44 AA Large
Greencolor2#99c794rgb(153 199 148)hsl(114 31% 68%)oklch(78.4% 0.086 142.2)7.60 AAA
Yellowcolor3#fac863rgb(250 200 99)hsl(40 94% 68%)oklch(85.8% 0.131 82.9)9.37 AAA
Bluecolor4#6699ccrgb(102 153 204)hsl(210 50% 60%)oklch(66.8% 0.094 249.4)4.85 AA
Magentacolor5#c594c5rgb(197 148 197)hsl(300 30% 68%)oklch(72.9% 0.088 326.4)5.84 AA
Cyancolor6#5fb3b3rgb(95 179 179)hsl(180 36% 54%)oklch(71.4% 0.082 195.5)5.95 AA
Whitecolor7#c0c5cergb(192 197 206)hsl(219 13% 78%)oklch(82.2% 0.014 262.4)8.41 AAA
Bright Blackcolor8#65737ergb(101 115 126)hsl(206 11% 45%)oklch(54.8% 0.024 241.7)2.99 Fail
Bright Redcolor9#ec5f67rgb(236 95 103)hsl(357 79% 65%)oklch(66.8% 0.174 19.8)4.44 AA Large
Bright Greencolor10#99c794rgb(153 199 148)hsl(114 31% 68%)oklch(78.4% 0.086 142.2)7.60 AAA
Bright Yellowcolor11#fac863rgb(250 200 99)hsl(40 94% 68%)oklch(85.8% 0.131 82.9)9.37 AAA
Bright Bluecolor12#6699ccrgb(102 153 204)hsl(210 50% 60%)oklch(66.8% 0.094 249.4)4.85 AA
Bright Magentacolor13#c594c5rgb(197 148 197)hsl(300 30% 68%)oklch(72.9% 0.088 326.4)5.84 AA
Bright Cyancolor14#5fb3b3rgb(95 179 179)hsl(180 36% 54%)oklch(71.4% 0.082 195.5)5.95 AA
Bright Whitecolor15#d8dee9rgb(216 222 233)hsl(219 28% 88%)oklch(89.9% 0.016 262.7)10.78 AAA

About OceanicNext

OceanicNext is a dark terminal color scheme built on a cool-tinted #1b2b34 background with #c0c5ce as the default foreground. Body text reaches a 8.41:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 6.34:1 (minimum 4.44:1).

Its palette is moderately saturated, anchored by #ec5f67 red, #99c794 green, #6699cc blue, and #c594c5 magenta.

Ready-to-use configs can be exported for Ghostty, iTerm2, Kitty, Alacritty, WezTerm, Windows Terminal, Warp, foot, Rio, XFCE4 Terminal, and Xresources, along with VS Code and Zed integrated terminals, CSS variables, Tailwind CSS, and JSON.

Schemes similar to OceanicNext

Source: Tinted Theming (Base16 & Base24) (MIT)