Colors

Use the CMYK values for print, RGB/HEX for digital.


Primary palette

Tiger Flame
HEX #F05B22
RGB 240 091 034
CMYK 00 84 100 00
Coral Glow
HEX #FF8C5A
RGB 255 140 090
CMYK 00 61 71 00
Black
HEX #000000
RGB 00 00 00
CMYK 00 00 00 100
White
HEX #FFFFFF
RGB 255 255 255
CMYK 00 00 00 00

Secondary palette

These are paired individually with neutrals — never with each other.

Graphite
HEX #2A2A2A
RGB 42 42 42
CMYK 71 64 64 66
Onyx
HEX #121212
RGB 18 18 18
CMYK 73 67 66 82
Burnt Tangerine
HEX #E6380D
RGB 230 56 13
CMYK 00 97 100 00

Dark mode pairings

Two approved dark-mode treatments, both from the brand book:

Dark Mode 1 — Graphite + Tiger Flame

  • Background: #2A2A2A (Graphite)
  • Logo & accents: #F05B22 (Tiger Flame)
  • CTA fill: #E6380D (Burnt Tangerine)

Dark Mode 2 — Onyx + Coral Glow

  • Background: #121212 (Onyx)
  • Logo & accents: #FF8C5A (Coral Glow)
  • CTA fill: #E6380D (Burnt Tangerine)

Tokens for engineering

:root {
  /* Primary */
  --orp-tiger-flame:     #F05B22;
  --orp-coral-glow:      #FF8C5A;
  --orp-black:           #000000;
  --orp-white:           #FFFFFF;
  /* Secondary */
  --orp-graphite:        #2A2A2A;
  --orp-onyx:            #121212;
  --orp-burnt-tangerine: #E6380D;
}
// Tailwind theme extension (Astro / Next)
export const orpColors = {
  tigerFlame:    '#F05B22',
  coralGlow:     '#FF8C5A',
  burntTangerine:'#E6380D',
  graphite:      '#2A2A2A',
  onyx:          '#121212'
}