VH Navy
- HEX
- #002C4E
Colors
A single palette of brand colors applied consistently across all touchpoints — wired to design tokens so the same source-of-truth drives every component.
Brand Primary
Core brand colors that define the VH visual identity.
VH Green
- HEX
- #025F1D
White
- HEX
- #FFFFFF
Brand Secondary
Supporting brand colors used for accent and interaction.
VH Light Green
- HEX
- #84C12F
Turquoise
- HEX
- #2AC8BE
Turquoise Light
- HEX
- #96FFF8
Tints & Opacity
Opacity variants for overlays, backgrounds, and layered UI.
VH Navy
- HEX
- #002C4E
VH Navy / 50
- HEX
- #002C4E 50%
VH Light Green
- HEX
- #84C12F
VH LG-10
- HEX
- #84C12F 10%
VH LG-5
- HEX
- #84C12F 5%
Neutrals
Neutral tones for text, borders, and surfaces.
White
- HEX
- #FFFFFF
Gray 300
- HEX
- #E4E4E4
Gray 500
- HEX
- #9E9E9E
Black
- HEX
- #000000
Gradients
Gradient combinations derived from the brand palette.
Gradient / Blue
- STOPS
- #96FFF8 → #318CDB
- ANGLE
- 20°
Gradient / Light Blue Radial
- STOPS
- #91F2EC → #FCFDFF
- OPACITY
- 30%
Gradient / Light Blue Linear
- STOPS
- #91F2EC → #FCFDFF
- ANGLE
- -45°
- OPACITY
- 30%
Gradient / Green
- STOPS
- #C5E86C → #78BA1F
Gradient / Light Green
- STOPS
- #C5E86C → #E9F9C1
- ANGLE
- 55°
Gradient 1
- STOPS
- #0A8164 → #FFFFFF
Gradient 2
- STOPS
- #C7F6A9 → #E4FAEA
- ANGLE
- -50°
- OPACITY
- 70%
Gradient 3
- STOPS
- #9ED5B6 → #EBFBF0
Gradient / Dark Blue
- STOPS
- #8DA9BB → #FFFFFF