Gallery / Color palette
visionbank.com.sa color palette
The brand palette extracted from visionbank.com.sa — primary, accent, neutral, background, and text colors with copy-ready hex codes and one-click export to CSS, Tailwind, and design tokens. Last updated September 20, 2026.
Lavender Indigo
#6c70ff
rgb(108, 112, 255)
hsl(238, 100%, 71%)
Midnight Blue
#0e0e2b
rgb(14, 14, 43)
hsl(240, 51%, 11%)
Midnight Blue
#272867
rgb(39, 40, 103)
hsl(239, 45%, 28%)
White Smoke
#f6f7fa
rgb(246, 247, 250)
hsl(225, 29%, 97%)
Black
#000000
rgb(0, 0, 0)
hsl(0, 0%, 0%)
Charcoal
#3d3d56
rgb(61, 61, 86)
hsl(240, 17%, 29%)
About the visionbank.com.sa color palette
visionbank.com.sa's brand palette is built around Lavender Indigo (#6C70FF) as its primary color, paired with Midnight Blue (#0E0E2B) as an accent. Below are all 6 colors with copy-ready hex, RGB, and HSL values, plus one-click export to CSS variables, Tailwind, and design tokens.
- Lavender Indigo · Primary
- — the dominant brand color — used for logos, primary buttons, and key moments.
- Midnight Blue · Accent
- — a secondary highlight for links, callouts, and interactive states.
- Charcoal · Neutral
- — a supporting tone for borders, dividers, and muted UI surfaces.
- White Smoke · Background
- — the base surface the rest of the palette sits on.
- Black · Text
- — the primary readable foreground color.
Frequently asked questions
What is visionbank.com.sa's primary brand color?
visionbank.com.sa's primary brand color is Lavender Indigo, hex #6C70FF.
What accent color does visionbank.com.sa use?
visionbank.com.sa pairs its primary with Midnight Blue (#0E0E2B) as an accent.
How many colors are in the visionbank.com.sa palette?
This palette lists 6 role-labeled colors — primary, accent, neutral, background, and text — each with copy-ready hex, RGB, and HSL values.
Can I use the visionbank.com.sa color palette?
You can copy any hex code or export the whole palette to CSS variables, Tailwind, or design tokens. Brand colors may be trademarked, so use them for inspiration or compatibility — not to imitate a brand.
Want a palette from your own site?
Fetch a palette