A blue-grey theme with light & dark versions.
Coldark is a theme in shades of blue-grey, available in dark and light versions. The colors were carefully chosen to respect the Web Content Accessibility Guidelines (WCAG) and to provide sufficient reading comfort.
However, due to opacity in some variants, it is possible that some contrasts may be reduced and fall below AA level. Don't hesitate to get in touch if you have any issues. The colors aren't set in stone and can still be adjusted if this means better accessibility.
Coldark consists of three color palettes. The first is common to both versions. The other two each apply to a version.
coldark00 to coldark07 are the shared neutral ramp, ordered from the lightest shade to the darkest.
| Denomination | Hex Code | Preview | General use |
|---|---|---|---|
coldark00 |
#f0f4f8 |
 |
Lightest background and elevated surfaces |
coldark01 |
#e3eaf2 |
 |
Soft backgrounds and bright UI surfaces |
coldark02 |
#d0dae7 |
 |
Light foregrounds and secondary surfaces |
coldark03 |
#8da1b9 |
 |
Selections, borders, muted emphasis |
coldark04 |
#3c526d |
 |
Comments, placeholders, subdued text |
coldark05 |
#213043 |
 |
Strong surfaces and supporting foregrounds |
coldark06 |
#111b27 |
 |
Default dark foreground or background, depending on variant |
coldark07 |
#0b121b |
 |
Deepest structural background |
coldark08 to coldark15 are fixed accent slots by hue. Their role stays the same between variants, while their hex value changes to fit the light or dark context.
| Denomination | Coldark Cold | Coldark Dark | Preview | General use |
|---|---|---|---|---|
coldark08 |
#c22f2e |
#cd6660 |
 /  |
Red for errors, deletions, invalid states, and deprecated items |
coldark09 |
#a04900 |
#e9ae7e |
 /  |
Orange for warnings, keywords, and storage-like tokens |
coldark10 |
#755f00 |
#e6d37a |
 /  |
Yellow for modified states, hints, booleans, and attribute names |
coldark11 |
#116b00 |
#91d076 |
 /  |
Green for additions, strings, and positive states |
coldark12 |
#006d6d |
#66cccc |
 /  |
Cyan for parameters, tags, CSS variables, and embedded punctuation |
coldark13 |
#005a8e |
#6cb8e6 |
 /  |
Blue for interactive accents, classes, variables, and headings |
coldark14 |
#7c00aa |
#c699e3 |
 /  |
Purple for functions and selector-like identifiers |
coldark15 |
#af00af |
#f4adf4 |
 /  |
Magenta for regex, escapes, values, and high-visibility secondary accents |
Coldark is available for:
Coldark is inspired by base16 and Nord for color harmonization.
This project is licensed under the MIT license.