03 • Color

Color

Four core swatches anchor the Redpine brand (ID Guide, Monga Design 2025). A warm-tuned neutral scale supports UI density. One accent — red — carries the emotional load.

Color discipline: one accent, hairlines over shadows, generous whitespace. Ensure minimum contrast — especially red on gray, red on black, and gray on white. Do not use red as a background behind body copy.

Brand palette

Paleta curta e intencional. Vermelho é assinatura — presença e ênfase. Fiel ao PDF da identidade visual Redpine (Monga Design, 2025).

White
#FFFFFF
RGB 255 255 255
Respiro / leitura
Mauve
#BFB6B6
RGB 191 182 182
Pantone 435 C
Neutro elegante
Ink
#11090A
RGB 17 9 10
Pantone 419 C
Alto contraste
Red
#AB2832
RGB 171 40 50
Pantone 187 C
Assinatura

Red scale

Full range around the signature #AB2832. Heritage-red preserved as archival reference.

Red Wash
#F5E5E6
RGB 245 229 230
--rp-red-wash
Tint surface (sparingly)
Red Soft
#C55860
RGB 197 88 96
--rp-red-soft
Stroke accent on dark surfaces
Red (signature)
#AB2832
RGB 171 40 50
Pantone 187 C
--rp-red / --rp-red-1
Signature — base
Red 2 (hover)
#8E2129
RGB 142 33 41
--rp-red-2
Hover on red
Red Ink (pressed)
#6E1A20
RGB 110 26 32
--rp-red-ink
Pressed state
Heritage Red
#750014
RGB 117 0 20
Pantone 202 C
--rp-heritage-red
Archival institutional red

Neutrals

Warm-tuned around the mauve — no cool grays, per brand spec. Covers app background → hover states → high-contrast text.

Snow
#FAF8F8
RGB 250 248 248
--rp-snow
App background
Paper
#F4F1F1
RGB 244 241 241
--rp-paper
Panel background
Bone
#E8E3E3
RGB 232 227 227
--rp-bone
Subtle surface / hairline border
Mauve 3
#D6CFCF
RGB 214 207 207
--rp-mauve-3
Divider on dark
Mauve 2
#C9C1C1
RGB 201 193 193
--rp-mauve-2
Hover over mauve
Stone
#8F8688
RGB 143 134 136
--rp-stone
Disabled / tertiary on dark
Graphite
#5A4F52
RGB 90 79 82
--rp-graphite
Tertiary fg / muted labels
Char
#3C3134
RGB 60 49 52
--rp-char
Secondary fg on light
Ink 3
#2B2023
RGB 43 32 35
--rp-ink-3
Hover over ink
Ink 2
#1C1315
RGB 28 19 21
--rp-ink-2
Elevated ink

Semantic feedback

Muted corporate tones for status, not decoration. Never use as brand colors or decorative fills.

Success
#2E6F55
RGB 46 111 85
--rp-success
Confirmation / positive
Warning
#A66A1F
RGB 166 106 31
--rp-warning
Attention / caution
Danger
#AB2832
RGB 171 40 50
--rp-danger
Destructive (alias of --rp-red-1)
Info
#2A4E6E
RGB 42 78 110
--rp-info
Informational / neutral