Skip to content
Tintdex

Oceanic Material

Oceanic Material is a cool, dark terminal color scheme with a #1c262b background and #c2c8d7 text (9.2:1 contrast)

Get config
Background
#1c262b
Foreground
#c2c8d7
Text contrast
9.21:1AAA
Accent contrast
6.15:1min 1.88
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
❯

Oceanic Material configs

16 formats, all from one palette

Oceanic Material

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

More Ghostty themes
Raw file
# Theme: Oceanic Material (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/oceanic-material?format=ghostty

palette = 0=#000000
palette = 1=#ee2b2a
palette = 2=#40a33f
palette = 3=#ffea2e
palette = 4=#1e80f0
palette = 5=#8800a0
palette = 6=#16afca
palette = 7=#a4a4a4
palette = 8=#777777
palette = 9=#dc5c60
palette = 10=#70be71
palette = 11=#fff163
palette = 12=#54a4f3
palette = 13=#aa4dbc
palette = 14=#42c7da
palette = 15=#ffffff
background = #1c262b
foreground = #c2c8d7
cursor-color = #b3b8c3
cursor-text = #ffffff
selection-background = #6dc2b8
selection-foreground = #c2c8d7

Oceanic Material palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1c262brgb(28 38 43)hsl(200 21% 14%)oklch(26.1% 0.017 229.8)—
Foregroundforeground#c2c8d7rgb(194 200 215)hsl(223 21% 80%)oklch(83.3% 0.022 268.4)9.21 AAA
Cursorcursor#b3b8c3rgb(179 184 195)hsl(221 12% 73%)oklch(78.2% 0.017 266.3)7.76 AAA
Cursor textcursorText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.42 AAA
Selectionselection#6dc2b8rgb(109 194 184)hsl(173 41% 59%)oklch(75.8% 0.084 185.8)7.39 AAA
Selection textselectionText#c2c8d7rgb(194 200 215)hsl(223 21% 80%)oklch(83.3% 0.022 268.4)9.21 AAA
Blackcolor0#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.36 Fail
Redcolor1#ee2b2argb(238 43 42)hsl(0 85% 55%)oklch(61.3% 0.228 27.4)3.68 AA Large
Greencolor2#40a33frgb(64 163 63)hsl(119 44% 44%)oklch(63.5% 0.166 143.1)4.80 AA
Yellowcolor3#ffea2ergb(255 234 46)hsl(54 100% 59%)oklch(92.6% 0.185 102.4)12.53 AAA
Bluecolor4#1e80f0rgb(30 128 240)hsl(212 88% 53%)oklch(60.8% 0.189 255.7)3.97 AA Large
Magentacolor5#8800a0rgb(136 0 160)hsl(291 100% 31%)oklch(45.7% 0.219 319.9)1.88 Fail
Cyancolor6#16afcargb(22 175 202)hsl(189 80% 44%)oklch(69.5% 0.119 214.3)5.89 AA
Whitecolor7#a4a4a4rgb(164 164 164)hsl(0 0% 64%)oklch(71.9% 0.000 0)6.19 AA
Bright Blackcolor8#777777rgb(119 119 119)hsl(0 0% 47%)oklch(56.9% 0.000 0)3.44 AA Large
Bright Redcolor9#dc5c60rgb(220 92 96)hsl(358 65% 61%)oklch(63.8% 0.161 21.0)4.22 AA Large
Bright Greencolor10#70be71rgb(112 190 113)hsl(121 38% 59%)oklch(73.2% 0.134 144.3)6.83 AA
Bright Yellowcolor11#fff163rgb(255 241 99)hsl(55 100% 69%)oklch(94.3% 0.160 103.7)13.23 AAA
Bright Bluecolor12#54a4f3rgb(84 164 243)hsl(210 87% 64%)oklch(70.3% 0.141 250.2)5.86 AA
Bright Magentacolor13#aa4dbcrgb(170 77 188)hsl(290 45% 52%)oklch(58.2% 0.185 320.9)3.30 AA Large
Bright Cyancolor14#42c7dargb(66 199 218)hsl(188 67% 56%)oklch(76.6% 0.115 208.8)7.65 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.42 AAA

About Oceanic Material

Oceanic Material is a dark terminal color scheme built on a cool-tinted #1c262b background with #c2c8d7 as the default foreground. Body text reaches a 9.21:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 6.15:1 (minimum 1.88:1).

Its palette is moderately saturated, anchored by #ee2b2a red, #40a33f green, #1e80f0 blue, and #8800a0 magenta. Part of the Material theme family.

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 Oceanic Material

Source: iTerm2 Color Schemes (MIT)