Skip to main content

Appendix E - Color Resources

This appendix serves as a comprehensive guide to various types of color resources. Whether you're looking for tools to check color accessibility, themes to inspire your projects, or a palette of carefully chosen colors, this guide has you covered. Additionally, we've compiled a list of recommended readings to help you explore the world of color theory further.

E1 - Accessible Checker

These tools are designed to help you check the accessibility of colors in your projects, ensuring that they are easily distinguishable for people with visual impairments.

ToolDescription
Who Can UseA tool that allows you to check color contrast and readability across different vision types.

E2 - Themes

These themes offer pre-designed color schemes that are aesthetically pleasing and often optimized for readability and accessibility.

ThemeDescription
Dracula ThemeA dark theme that is easy on the eyes, commonly used in text editors and IDEs.
SolarizedA sixteen-color palette designed for use with terminal and GUI applications.
GruvboxA retro groove color scheme for Vim, available in both dark and light modes.
EverforestA green-based theme that aims to be warm and soft.
Monokai ProA theme and icon package boasting a vibrant color scheme.
Nippon ColorsA collection of traditional Japanese colors.
Nord ThemeAn arctic, north-bluish color palette.

E3 - Chosen Colors

Earth Palette

#436599 #81a1c1 #cad9e8 #788990 #7b9b5e #a3cb8f #ded2aa #f3c583 #fff7e4 #dcfaff #985b68 #ad777f #b18eab #99745a #b3816e #c7a26b #d5b4b4 #f7f9fc #0f131b #1a1e29 #2c3240 #414a5b #66472b

Latte Palette

#04a5e5 #179299 #209fb5 #1e66f5 #7287fd #8839ef #40a02b #df8e1d #d20f39 #e64553 #dc8a78 #dd7878 #ea76cb #fe640b #4c4f69 #eff1f5

Mocha Palette

#89b4fa #74c7ec #89dceb #94e2d5 #a6e3a1 #b4befe #cba6f7 #f9e2af #fab387 #f5c2e7 #eba0ac #f38ba8 #cdd6f4 #f5e0dc #f2cdcd #11111b #1e1e2e

Mario Palette

#099e68 #4980cc #9e54be #c25bad #c81b0d #c8760d #c8990d

CyberPunk Palette

#3b1f8b #5a2d9c #7b40b6 #a154d4 #c76af2 #e040fb #ff4081 #ff80ab #ff9e80 #ffb74d #ffca28 #fff176 #fdd835 #b2ebf2 #4fc3f7 #29b6f6 #03a9f4 #00bcd4 #009688 #004d40 #1e1e1e #2c2c2c #3d3d3d #ffffff

Space Palette

#0b132b #1c2541 #3a506b #5bc0be #6fffe9 #8efff5 #a2e9f5 #b3f5ff #d6e2e9 #ffffff #f72585 #b5179e #7209b7 #560bad #480ca8 #3a0ca3 #3f37c9 #4361ee #4cc9f0 #72ddf7

Oceanic Palette

#001f3f #003366 #004d99 #0066cc #007fff #1e90ff #4fc3f7 #81d4fa #b3e5fc #e1f5fe #ffffff #e0f7fa #b2ebf2 #80deea #4dd0e1 #26c6da #00bcd4 #0097a7 #006064 #004d40 #1b5e20 #2e7d32

Nature-Inspired Palette

#1b4332 #2d6a4f #52b788 #74c69d #a9dfbf #cfe8d5 #e8f3e8 #ffffff #f0efeb #d8c3a5 #b79575 #8b5a2b #63452c #432818

Minimalist Monochrome Palette

#0f0f0f #262626 #404040 #666666 #999999 #cccccc #f2f2f2 #ffffff

Vibrant Tropical Palette

#ff6f61 #ff9a62 #ffcc5c #ffeead #d1e8e2 #98ded9 #55cbc1 #2ec4b6 #007ea7 #00539c #1e2749

Dark Mode Palette

#0d1b2a #162447 #1b263b #2e4057 #415a77 #778da9 #e0e1dd #f8f9fa #ff6b6b #ff9e00 #ffd166

Warm Autumn Palette

#603f3c #7f564d #a87b6e #c89666 #dab995 #eacdb8 #f4e3d7 #ffffff #f0efeb #d8c3a5 #b79575 #8b5a2b

Soft Pastel Palette

#f9e4e4 #fceaea #fff3e0 #fff8e1 #f1f8e9 #e8f5e9 #e3f2fd #e7e9fd #ede7f6 #f3e5f5 #fce4ec #ffebee

Bold Neon Palette

#390099 #9e005d #ff0054 #ff5400 #ffbd00 #fffc00 #00ff99 #00ffff #00aaff #0055ff #6e00ff

Corporate Professional Palette

#1a1a1a #333333 #595959 #808080 #a6a6a6 #cccccc #f2f2f2 #ffffff #0073cf #00aeef #00bcd4 #4caf50

Retro Vintage Palette

#4f3b30 #7a5b4d #a67c5b #c69d7e #e3c9a9 #f4e3d7 #ffffff #d8c3a5 #b79575 #8b5a2b #63452c #432818

High-Contrast Accessibility Palette

#000000 #333333 #666666 #999999 #cccccc #ffffff #ff4081 #2979ff #00e676 #ffab00 #7c4dff

Winter Wonderland Palette

#0c2340 #223b5e #3d5a7d #5c7b9d #8ca1bf #c0cfd9 #e6f0f5 #ffffff #d1e8e2 #a2d5c6 #7bc0c7 #51a8a9

Gradient Sunset Palette

#ff7f50 #ffa07a #ffb480 #ffdab9 #ffe4b5 #fff8dc #fffaf0 #ffffff #e6f3ff #b3d9ff #80bfff #4d94ff #1a75ff

Japanese Palette

#f5f5dc #a8dadc #457b9d #1d3557 #e63946 #f1faee #2a9d8f

Chinese Palette

#c0392b #f1c40f #27ae60 #2c3e50 #ffffff #8e44ad #e74c3c

Russian Palette

#1a1a1a #d3d3d3 #ff4500 #003366 #8b0000 #ffffff #b0c4de

Italian Palette

#8b4513 #f4a460 #ffdead #8b0000 #ffd700 #006400 #a52a2a

Spanish Palette

#e63946 #fca311 #f1faee #1d3557 #a8dadc #457b9d #ffffff

French Palette

#b7b7a4 #90a9a5 #f4f1de #e07a5f #3d405b #81b29a #f2cc8f

Nordic Palette

#2b2d42 #8d99ae #edf2f4 #ef233c #d90429 #ffffff #4ecdc4

Neverhood Credits

#018ffe #01cbff #01fbff #02fc9c #53fc00 #ecff03 #ff8c05 #fe6300 #fe74e8 #000000 #7a7a7a #ffffff

Winsor & Newton

#F7EF79 #ECDB14 #EAE84B #FCD700 #FED103 #F2B01D #DD6B26 #F26724 #D84226 #CC2027 #D31F35 #BF202B #A71E2F #A42036 #FABEAE #E1506D #AC1F25 #BD2657 #B4469A #A5206D #901D58 #502847 #622B67 #372D77 #612E81 #7D559A #233C78 #201D52 #2C3480 #054F96 #005FA6 #035797 #1E3868 #4BA7C8 #006DB4 #1099D6 #007272 #024955 #98CB4F #2FA170 #369244 #238C44 #A3C08B #5F853B #20763B #90B89A #1E9A5E #2B8842 #007F4E #0E6C37 #236533 #3C4C24 #567434 #F6CF3E #FCF0A7 #F8D877 #F1BD48 #C9822A #E9D491 #DD9530 #CE702B #6E4D25 #884D31 #BB3726 #AD452F #AF2025 #901F1D #87202C #633C16 #221417 #C1BF9B #212222 #0B5EAA #404348 #0A0F10 #161617 #0C0B0A #1F3327 #ACA29B #BBBCBB


For those interested in diving deeper into the world of color theory and accessibility, here are some recommended readings:

  • "Interaction of Color" by Josef Albers
  • "Color Design Workbook: A Real World Guide to Using Color in Graphic Design" by Adams Morioka
  • "The Principles of Beautiful Web Design" by Jason Beaird