Skip to content
Tintdex

OceanicMaterial

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

Get config
Background
#1c262b
Foreground
#c1c8d6
Text contrast
9.18:1AAA
Accent contrast
6.12: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
❯

OceanicMaterial configs

16 formats, all from one palette

OceanicMaterial

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

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

palette = 0=#000000
palette = 1=#ee2a29
palette = 2=#3fa33f
palette = 3=#fee92e
palette = 4=#1d80ef
palette = 5=#8800a0
palette = 6=#16aec9
palette = 7=#a4a4a4
palette = 8=#767676
palette = 9=#dc5b60
palette = 10=#70be71
palette = 11=#fef063
palette = 12=#53a4f3
palette = 13=#a94dbb
palette = 14=#42c6d9
palette = 15=#fffefe
background = #1c262b
foreground = #c1c8d6
cursor-color = #b2b8c3
cursor-text = #1c262b
selection-background = #6dc1b8
selection-foreground = #1c262b

OceanicMaterial 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#c1c8d6rgb(193 200 214)hsl(220 20% 80%)oklch(83.2% 0.021 264.5)9.18 AAA
Cursorcursor#b2b8c3rgb(178 184 195)hsl(219 12% 73%)oklch(78.1% 0.017 262.7)7.74 AAA
Cursor textcursorText#1c262brgb(28 38 43)hsl(200 21% 14%)oklch(26.1% 0.017 229.8)1.00 Fail
Selectionselection#6dc1b8rgb(109 193 184)hsl(174 40% 59%)oklch(75.5% 0.083 186.7)7.32 AAA
Selection textselectionText#1c262brgb(28 38 43)hsl(200 21% 14%)oklch(26.1% 0.017 229.8)1.00 Fail
Blackcolor0#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.36 Fail
Redcolor1#ee2a29rgb(238 42 41)hsl(0 85% 55%)oklch(61.2% 0.228 27.5)3.67 AA Large
Greencolor2#3fa33frgb(63 163 63)hsl(120 44% 44%)oklch(63.5% 0.167 143.3)4.79 AA
Yellowcolor3#fee92ergb(254 233 46)hsl(54 99% 59%)oklch(92.3% 0.184 102.4)12.42 AAA
Bluecolor4#1d80efrgb(29 128 239)hsl(212 87% 53%)oklch(60.7% 0.188 255.4)3.96 AA Large
Magentacolor5#8800a0rgb(136 0 160)hsl(291 100% 31%)oklch(45.7% 0.219 319.9)1.88 Fail
Cyancolor6#16aec9rgb(22 174 201)hsl(189 80% 44%)oklch(69.2% 0.119 214.4)5.83 AA
Whitecolor7#a4a4a4rgb(164 164 164)hsl(0 0% 64%)oklch(71.9% 0.000 0)6.19 AA
Bright Blackcolor8#767676rgb(118 118 118)hsl(0 0% 46%)oklch(56.6% 0.000 0)3.40 AA Large
Bright Redcolor9#dc5b60rgb(220 91 96)hsl(358 65% 61%)oklch(63.7% 0.162 20.6)4.19 AA Large
Bright Greencolor10#70be71rgb(112 190 113)hsl(121 38% 59%)oklch(73.2% 0.134 144.3)6.83 AA
Bright Yellowcolor11#fef063rgb(254 240 99)hsl(55 99% 69%)oklch(94.1% 0.159 103.7)13.12 AAA
Bright Bluecolor12#53a4f3rgb(83 164 243)hsl(210 87% 64%)oklch(70.3% 0.141 250.0)5.86 AA
Bright Magentacolor13#a94dbbrgb(169 77 187)hsl(290 45% 52%)oklch(58.0% 0.183 320.8)3.28 AA Large
Bright Cyancolor14#42c6d9rgb(66 198 217)hsl(188 67% 55%)oklch(76.4% 0.114 208.9)7.57 AAA
Bright Whitecolor15#fffefergb(255 254 254)hsl(0 100% 100%)oklch(99.8% 0.001 17.2)15.32 AAA

About OceanicMaterial

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

Its palette is moderately saturated, anchored by #ee2a29 red, #3fa33f green, #1d80ef 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 OceanicMaterial

Source: Kitty Themes (MIT)