Color Palette
Every color in the VisionVolve design system. Click any swatch to copy its hex value.
Brand
#6E2C8B
Primary brand purple — VisionVolve identity
Primary buttons, headings, key brand elements
#4A1D5E
Dark purple for gradients and depth
Gradient start, cover backgrounds, hover states
#9B59B6
Light purple for secondary accents
Secondary highlights, FP&A category, subtle emphasis
#00B8CF
Primary cyan — VOLVE accent color
CTAs, links, accent bars, AR category
#008B9A
Dark cyan for depth and hover
Hover states, gradient end, footer accents
#67E8F9
Light cyan for highlights
Cover title accent, goal icons, light backgrounds
Neutral
#404B5C
Primary text color
Body text, headings, table headers
#6B7280
Secondary text color
Labels, captions, secondary text
#F8F9FC
Light background
Card backgrounds, alternating rows, subtle sections
#E5E7EB
Border and divider color
Borders, dividers, bar track backgrounds
#FFFFFF
White
Page background, text on dark backgrounds
Semantic
#059669
Success / positive state
Positive values, confirmations, good ROI
#D1FAE5
Success background
Highlighted rows, prerequisite boxes
#D97706
Warning / caution state
Sensitivity notes, watch items, medium confidence
#FEF3C7
Warning background
Warning boxes, sensitivity sections
#DC2626
Error / danger state
Negative values, before-state metrics, errors
#FEE2E2
Danger background
Error backgrounds, danger alerts
Domain
#6E2C8B
Accounts Payable category
AP opportunity bars, category dots, badges
#00B8CF
Accounts Receivable category
AR opportunity bars, category dots, badges
#9B59B6
FP&A category
FP&A opportunity bars, category dots, badges
#404B5C
Control category
Control opportunity bars, category dots, badges
#0D9488
Tax category
Tax category indicators, waterfall chart
Color Palette
Every color in the AITransformers design system. Click any swatch to copy its hex value.
Brand
#00BDD6
Primary cyan — main brand color
Primary buttons, links, accents, interactive elements
#33E7FF
Bright cyan glow for hover states
Hover states, glowing effects, highlights
#0090A0
Dark cyan for depth
Hover states, gradient ends, pressed states
#0080FF
Secondary blue for gradients
Gradient pairs with primary cyan
#080A0C
Primary dark surface
Main page background
#111318
Card surface color
Card backgrounds, containers
Neutral
#404B5C
Medium gray
Secondary UI elements
#6B7280
Light gray for secondary text
Muted text, placeholders
#F8F9FC
Off-white
Light text backgrounds
#E5E7EB
Light gray
Body text on dark, borders on light
#FFFFFF
White
Primary text on dark backgrounds
Semantic
#10B981
Success / positive
Positive values, confirmations
#D1FAE5
Success background
Success badges, highlights
#F59E0B
Warning / caution
Medium priority, warnings
#FEF3C7
Warning background
Warning badges
#EF4444
Error / danger
High priority, errors
#FEE2E2
Danger background
Error badges
Contrast Checker
Test any color against white and dark backgrounds for WCAG compliance.