Infographics
Apply Wong's, IBM, and other accessible hex palettes when agents or you generate scientific or professional infographic visuals.
Overview
Infographics is an agent skill for the Build phase that supplies colorblind-safe hex palettes and prompt-ready usage guidance for accessible professional infographics.
Install
npx skills add https://github.com/k-dense-ai/scientific-agent-skills --skill infographicsWhat is this skill?
- Wong's 7-color colorblind-safe palette with hex and RGB table
- IBM 8-color colorblind-safe visualization palette
- Ready-to-paste prompt snippets for palette-constrained generation
- Usage columns per swatch (primary data, alert, highlight, text)
- Designed for accessible professional infographics, not decorative-only palettes
- Wong's palette: 7 colors documented with hex and RGB
- IBM colorblind-safe palette: 8 colors documented
Adoption & trust: 562 installs on skills.sh; 27.6k GitHub stars; 2/3 security scanners passed (skills.sh audits).
What problem does it solve?
Generated figures and infographics use default colors that confuse colorblind readers and look unprofessional in scientific or product documentation.
Who is it for?
Builders publishing charts, scientific figures, or marketing infographics who need WCAG-conscious palette tables without opening a separate design textbook.
Skip if: Full layout systems, typography grids, or brand identity workshops—this skill is palette reference only.
When should I use this skill?
Creating or prompting infographic or data-visualization artwork and you need named, accessible hex palettes with usage roles.
What do I get? / Deliverables
You pick vetted palettes like Wong's or IBM with exact hex codes and role labels to paste into agent prompts or design specs for consistent accessible visuals.
- Palette selection with hex/RGB values
- Prompt-ready color instructions for generative or design tasks
Recommended Skills
Journey fit
Infographic color guidance lands in build/docs because outputs are reference specs and palette copy for figures, slides, and documentation assets. Docs subphase covers visual communication standards and reusable palette tables agents paste into generation prompts.
How it compares
A static palette reference skill, not a Figma plugin or automated chart renderer.
Common Questions / FAQ
Who is infographics for?
Solo builders, researchers, and indie SaaS founders who produce data visuals or explainer graphics via agents and want accessible color choices.
When should I use infographics?
During build/docs when drafting figures, README diagrams, or slide assets, and when refining launch or growth content that includes charts—always before finalizing colors in a generative prompt.
Is infographics safe to install?
It is read-only reference material with no shell or network behavior; still review the Security Audits panel on this Prism page like any third-party skill.
SKILL.md
READMESKILL.md - Infographics
# Infographic Color Palettes Reference This reference provides comprehensive color palette options for creating accessible, professional infographics. --- ## Colorblind-Safe Palettes These palettes are designed to be distinguishable by people with various forms of color vision deficiency. ### Wong's Palette (7 Colors) The most widely recommended colorblind-safe palette, developed by Bang Wong for scientific visualization. | Name | Hex | RGB | Usage | |------|-----|-----|-------| | Black | `#000000` | 0, 0, 0 | Text, outlines | | Orange | `#E69F00` | 230, 159, 0 | Primary accent | | Sky Blue | `#56B4E9` | 86, 180, 233 | Primary data | | Bluish Green | `#009E73` | 0, 158, 115 | Secondary data | | Yellow | `#F0E442` | 240, 228, 66 | Highlight | | Blue | `#0072B2` | 0, 114, 178 | Primary category | | Vermillion | `#D55E00` | 213, 94, 0 | Alert, emphasis | | Reddish Purple | `#CC79A7` | 204, 121, 167 | Tertiary data | **Prompt usage:** ``` "Use Wong's colorblind-safe palette: orange (#E69F00), sky blue (#56B4E9), bluish green (#009E73), and blue (#0072B2) for data categories" ``` --- ### IBM Colorblind-Safe Palette (8 Colors) IBM's accessible color palette designed for data visualization. | Name | Hex | RGB | Usage | |------|-----|-----|-------| | Ultramarine | `#648FFF` | 100, 143, 255 | Primary blue | | Indigo | `#785EF0` | 120, 94, 240 | Secondary | | Magenta | `#DC267F` | 220, 38, 127 | Accent/Alert | | Orange | `#FE6100` | 254, 97, 0 | Warning/Highlight | | Gold | `#FFB000` | 255, 176, 0 | Positive/Success | | Black | `#000000` | 0, 0, 0 | Text | | White | `#FFFFFF` | 255, 255, 255 | Background | | Gray | `#808080` | 128, 128, 128 | Neutral | **Prompt usage:** ``` "Use IBM colorblind-safe colors: ultramarine (#648FFF), indigo (#785EF0), magenta (#DC267F), and gold (#FFB000) for visual elements" ``` --- ### Okabe-Ito Palette (8 Colors) Developed by Masataka Okabe and Kei Ito, widely used in scientific publications. | Name | Hex | RGB | Usage | |------|-----|-----|-------| | Black | `#000000` | 0, 0, 0 | Text, primary | | Orange | `#E69F00` | 230, 159, 0 | Category 1 | | Sky Blue | `#56B4E9` | 86, 180, 233 | Category 2 | | Bluish Green | `#009E73` | 0, 158, 115 | Category 3 | | Yellow | `#F0E442` | 240, 228, 66 | Category 4 | | Blue | `#0072B2` | 0, 114, 178 | Category 5 | | Vermillion | `#D55E00` | 213, 94, 0 | Category 6 | | Reddish Purple | `#CC79A7` | 204, 121, 167 | Category 7 | **Note:** Identical to Wong's palette - both are industry standards. --- ### Tol's Qualitative Palette (12 Colors) Paul Tol's extended colorblind-safe palette for more categories. | Name | Hex | RGB | |------|-----|-----| | Indigo | `#332288` | 51, 34, 136 | | Cyan | `#88CCEE` | 136, 204, 238 | | Teal | `#44AA99` | 68, 170, 153 | | Green | `#117733` | 17, 119, 51 | | Olive | `#999933` | 153, 153, 51 | | Sand | `#DDCC77` | 221, 204, 119 | | Rose | `#CC6677` | 204, 102, 119 | | Wine | `#882255` | 136, 34, 85 | | Purple | `#AA4499` | 170, 68, 153 | | Light Gray | `#DDDDDD` | 221, 221, 221 | | Gray | `#888888` | 136, 136, 136 | | Black | `#000000` | 0, 0, 0 | --- ## Industry-Specific Palettes ### Corporate/Business Classic, professional appearance suitable for business reports and presentations. | Role | Name | Hex | RGB | |------|------|-----|-----| | Primary | Navy | `#1E3A5F` | 30, 58, 95 | | Secondary | Steel Blue | `#4A90A4` | 74, 144, 164 | | Tertiary | Light Blue | `#A8D5E2` | 168, 213, 226 | | Accent | Gold | `#F5A623` | 245, 166, 35 | | Background | Light Gray | `#F5F5F5` | 245, 245, 245 | | Text | Charcoal | `#333333` | 51, 51, 51 | **Prompt usage:** ``` "Corporate business color scheme: navy blue (#1E3A5F) primary, steel blue (#4A90A4) secondary, gold (#F5A623) accent, light gray background, professional clean design" ``` --- ### Healthcare/Medical Trust-inducing, clinical colors appropriate for health-related content. | Role | Name | Hex | RGB | |------|------|-----|-----| | Primary | Medical Blue | `#0077B