In USAID-OHA-SI/glitr: Adorned SI style plots

knitr::opts_chunk$set(
  collapse = TRUE,
  comment = "#>"
)

Background (from OHA Style Guide)

The USAID Graphics Standard Manual lays out the two colors found in the agency’s logo as the primary color palette, USAID Blue and USAID Red. These colors are used to “reinforce that the aid is From the American people” but provide a limited range of colors to work with for data visualization.

OHA has developed an offshoot of these colors for visualization, expanding the number of categorical colors to choose from and creating a color-blind friendly palette (508 compliant).

Strategic use of the OHA palette allows for consistent branding and reduces the time needed to think through color choices in every visualization. That said, colors should be used meaningfully and thought should be given to how these standard colors accentuate the visual/message.

Use USAID colors and text for all banners, text and text boxes. The USAID colors are available for use in graphs and charts, however the OHA palette is specifically for use in data visualization products (charts, graphs, visuals etc.). If in doubt of what color to use, try creating a visualization in black and white first. Then, add colors one at a time until data are sufficiently encoded to reinforce the message.

Standalone Colors

OHA Palette from OHA Style Guide

• midnight_blue #15478A
• viking #5BB5D5
• slate #8C8C91
• orchid_bloom #E14BA1
• electric_indigo #3B5BBE
• sun_kissed #F9C555
• hunter #419164
• lavender_haze #876EC4
• tango #F36428

OHA Classic Colors

• denim: #2057a7
• old_rose: #c43d4d
• moody_blue: #8980cb
• burnt_sienna: #e07653
• scooter: #1e87a5
• golden_sand: #f2bc40
• genoa: #287c6f
• trolley_grey: #808080

OHA Classic Light Colors

• denim_light: #bfddff
• old_rose_light: #ff939a
• moody_blue_light: #dfd3ff
• burnt_sienna_light: #ffcaa2
• scooter_med: #5BB5D5
• scooter_light: #83dbfb
• golden_sand_light: #ffdda2
• genoa_light: #7ecfc0
• trolley_grey_light: #e6e6e6

OHA Grays from OHA Style Guide

• nero: #202020
• matterhorn: #505050
• suva_grey: #909090
• whisper: #ebebeb
• light_grey: #d3d3d3

Standard USAID colors from USAID Style Guide

• usaid_blue: #002a6c
• usaid_red: #ba0c2f
• usaid_black: #212721
• usaid_medblue: #0067b9
• usaid_lightblue: #a7c6ed
• usaid_darkgrey: #6c6463
• usaid_medgrey: #8C8985
• usaid_lightgrey: #cfcdc9

Gray Palette from Laura D. Hughes who was inspired by Adobe #grays

• grey10k: #E6E7E8
• grey20k: #d1d3d4
• grey30k: #BCBEC0
• grey40k: #a7a9ac
• grey50k: #939598
• grey60k: #808080
• grey70k: #6d6e71
• grey80k: #58595b
• grey90k: #414042

Pantone Color of the Year (2000-2024)

• pantone_cerulean: #9BB7D4
• pantone_fuchsia_rose: #C74375
• pantone_true_red: #BF1932
• pantone_aqua_sky: #7BC4C4
• pantone_tigerlily: #E2583E
• pantone_blue_turquoise: #53B0AE
• pantone_sand_dollar: #DECDBE
• pantone_chili_pepper: #9B1B30
• pantone_blue_iris: #5A5B9F
• pantone_mimosa: #F0C05A
• pantone_honeysuckle : #D94F70
• pantone_turquoise : #45B5AA
• pantone_tangerine_tango: #DD4124
• pantone_emerald: #009473
• pantone_radiant_orchid: #AD5E99
• pantone_marsala: #964F4C
• pantone_serenity: #93A9D1
• pantone_rose_quartz: #F7CACA
• pantone_greenery: #88B04B
• pantone_ultra_violet: #5F4B8B
• pantone_living_coral: #FF6F61
• pantone_classic_blue: #0F4C81
• pantone_ultimate_gray: #939597
• pantone_illuminating: #F5DF4D
• pantone_very_peri: #6768AB
• pantone_viva_magenta: #BE3455
• pantone_peach_fuzz: #FEBE98

Washington Post Inspired colors

• wapo_lpurple: #C7ABC7
• wapo_lorange: #F4AB67
• wapo_pushpop: #FEC693
• wapo_lgreen: #B5D1D0
• wapo_lorange2: #EFCAB4
• wapo_dorange: #DC7C33
• wapo_lblue: #B4D5E5
• wapo_dblue: #3579A8
• wapo_lmauve: #D8B3D4
• wapo_dmauve: #B68AB8

Palettes

OHA

• siei: #2057a7 #c43d4d #8980cb #e07653 #1e87a5 #f2bc40 #287c6f #808080
• siei_pairs: #2057a7 #BFDDFF #c43d4d #FF939A #8980cb #DFD3FF #e07653 #FFCAA2 #1e87a5 #83DBFB #f2bc40 #FFDDA2 #287c6f #7ECFC0 #808080 #E6E6E6
• siei_achv: #FF939A #FFCAA2 #5BB5D5 #E6E6E6

OHA Discrete Primary + Ordered

• denim: #2057a7 #1e87a5 #e07653 #f2bc40 #8980cb
• old_rose: #c43d4d #1e87a5 #8980cb #e07653 #287c6f
• moody_blue: #8980cb #287c6f #2057a7 #e07653 #1e87a5
• burnt_sienna: #e07653 #8980cb #f2bc40 #c43d4d #1e87a5
• scooter: #1e87a5 #c43d4d #8980cb #f2bc40 #287c6f
• golden_sand: #f2bc40 #2057a7 #287c6f #e07653 #8980cb
• genoa: #287c6f #8980cb #f2bc40 #e07653 #1e87a5

OHA Continuous Primary

• denims: #bfddff #a5c5ff #8badfe #7396ee #5b82d8 #436ec1 #265bab #074895 #00347d #002065 #000c4f
• old_roses: #ffb5ba #ff989f #fc7a83 #ee636e #d8505d #c33c4c #af273d #990d2e #7f001c #630005 #480000
• moody_blues: #e9ddff #cfc3ff #b5aaf9 #9e94e0 #877ec9 #7069b2 #5a559b #454185 #2f2e6f #171d5a #000a45
• burnt_siennas: #ffd4ac #ffb790 #fd9873 #ec815d #d56d4b #bf5a39 #a84728 #923417 #7c2105 #670901 #4c0000
• scooters: #a6fdff #8ce4fe #74ccec #5bb5d5 #419fbe #228aa8 #047491 #005e7a #004964 #00354f #00223a
• golden_sands: #ffec6f #fcce52 #eab538 #d2a01e #ba8b00 #a27600 #8a6200 #734f00 #5e3c00 #4b2900 #3b1500
• genoas: #a0f2e2 #89dacb #72c3b4 #5cac9e #459688 #2d8073 #0d6c5f #01564b #004137 #002e24 #001b0e
• trolley_greys: #E6E7E8 #D5D7D8 #C4C6C8 #B3B5B8 #A3A4A8 #939598 #838484 #747576 #646568 #535356 #414042

USAID

• usaid_colors: #002a6c #ba0c2f #212721 #0067b9 #a7c6ed #6c6463 #8C8985 #cfcdc9

Cartodb Colors

• carto_burgyl: #fbe6c5 #f5ba98 #ee8a82 #dc7176 #c8586c #9c3f5d #70284a
• carto_sunset: #fcde9c #faa476 #f0746e #e34f6f #dc3977 #b9257a #7c1d6f
• carto_teal: #d1eeea #a8dbd9 #85c4c9 #68abb8 #4f90a6 #3b738f #2a5674
• carto_dmint: #d2fbd4 #a5dbc2 #7bbcb0 #559c9e #3a7c89 #235d72 #123f5a
• carto_mint: #e4f1e1 #b4d9cc #89c0b6 #63a6a0 #448c8a #287274 #0d585f
• carto_brown: #ede5cf #e0c2a2 #d39c83 #c1766f #a65461 #813753 #541f3f

Carto Diverging

• carto_div_armyrose: #798234 #a3ad62 #d0d3a2 #fdfbe4 #f0c6c3 #df91a3 #d46780
• carto_div_fall: #3d5941 #778868 #b5b991 #f6edbd #edbb8a #de8a5a #ca562c
• carto_div_geyser: #008080 #70a494 #b4c8a8 #f6edbd #edbb8a #de8a5a #ca562c
• carto_div_temps: #009392 #39b185 #9ccb86 #e9e29c #eeb479 #e88471 #cf597e
• carto_div_teal: #009392 #72aaa1 #b1c7b3 #f1eac8 #e5b9ad #d98994 #d0587e
• carto_div_tropic: #009B9E #42B7B9 #A7D3D4 #F1F1F1 #E4C1D9 #D691C1 #C75DAB
• carto_div_earth: #A16928 #bd925a #d6bd8d #edeac2 #b5c8b8 #79a7ac #2887a1

Other

• pantone: #BE3455 #6768AB #F5DF4D #939597 #0F4C81 #FF6F61 #5F4B8B #88B04B #F7CACA #93A9D1 #964F4C #AD5E99 #009473 #DD4124 #45B5AA #D94F70 #F0C05A #5A5B9F #9B1B30 #DECDBE #53B0AE #E2583E #7BC4C4 #BF1932 #C74375 #9BB7D4
• contrast: #E4F4EA #364352 #768491 #C5CAD0 #BE311F
• compliment: #6F472E #6F827C #E4F4EA #E4F4EA #E4F4EA
• outbreak_or: #F4E5D2 #FED79C #FBA529 #FF6600
• seablue: #4FAFB6 #98CBD0 #D5EAEB #086EA1
• seablue_text: #00949D #58B2BA #B2D8DD #2476A6
• category10: #1f77b4 #ff7f0e #2ca02c #d62728 #9467bd #8c564b #e377c2 #7f7f7f #bcbd22 #17becf
• category20: #1f77b4 #aec7e8 #ff7f0e #ffbb78 #2ca02c #98df8a #d62728 #ff9896 #9467bd #c5b0d5 #8c564b #c49c94 #e377c2 #f7b6d2 #7f7f7f #c7c7c7 #bcbd22 #dbdb8d #17becf #9edae5
• category20b: #393b79 #5254a3 #6b6ecf #9c9ede #637939 #8ca252 #b5cf6b #cedb9c #8c6d31 #bd9e39 #e7ba52 #e7cb94 #843c39 #ad494a #d6616b #e7969c #7b4173 #a55194 #ce6dbd #de9ed6
• category20c: #3182bd #6baed6 #9ecae1 #c6dbef #e6550d #fd8d3c #fdae6b #fdd0a2 #31a354 #74c476 #a1d99b #c7e9c0 #756bb1 #9e9ac8 #bcbddc #dadaeb #636363 #969696 #bdbdbd #d9d9d9

USAID-OHA-SI/glitr documentation built on July 5, 2024, 3:24 p.m.