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.
Tool | Description |
---|---|
Who Can Use | A 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.
Theme | Description |
---|---|
Dracula Theme | A dark theme that is easy on the eyes, commonly used in text editors and IDEs. |
Solarized | A sixteen-color palette designed for use with terminal and GUI applications. |
Gruvbox | A retro groove color scheme for Vim, available in both dark and light modes. |
Everforest | A green-based theme that aims to be warm and soft. |
Monokai Pro | A theme and icon package boasting a vibrant color scheme. |
Nippon Colors | A collection of traditional Japanese colors. |
Nord Theme | An 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
Recommended Reading
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