Gallery / Color palette
nspstudy.com color palette
The brand palette extracted from nspstudy.com — 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 16, 2026.
Midnight Blue
#011633
rgb(1, 22, 51)
hsl(215, 96%, 10%)
Midnight Blue
#16165b
rgb(22, 22, 91)
hsl(240, 61%, 22%)
Goldenrod
#c9aa4e
rgb(201, 170, 78)
hsl(45, 53%, 55%)
Salmon
#f97074
rgb(249, 112, 116)
hsl(358, 92%, 71%)
Midnight Blue
#03034c
rgb(3, 3, 76)
hsl(240, 92%, 15%)
Slate Gray
#6f7482
rgb(111, 116, 130)
hsl(224, 8%, 47%)
White Smoke
#f7f8fd
rgb(247, 248, 253)
hsl(230, 60%, 98%)
About the nspstudy.com color palette
nspstudy.com's brand palette is built around Midnight Blue (#011633) as its primary color, paired with Midnight Blue (#16165B) as an accent. Below are all 7 colors with copy-ready hex, RGB, and HSL values, plus one-click export to CSS variables, Tailwind, and design tokens.
- Midnight Blue · 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.
- White Smoke · Neutral
- — a supporting tone for borders, dividers, and muted UI surfaces.
- Midnight Blue · Background
- — the base surface the rest of the palette sits on.
- Slate Gray · Text
- — the primary readable foreground color.
Frequently asked questions
What is nspstudy.com's primary brand color?
nspstudy.com's primary brand color is Midnight Blue, hex #011633.
What accent color does nspstudy.com use?
nspstudy.com pairs its primary with Midnight Blue (#16165B) as an accent.
How many colors are in the nspstudy.com palette?
This palette lists 7 role-labeled colors — primary, accent, neutral, background, and text — each with copy-ready hex, RGB, and HSL values.
Can I use the nspstudy.com 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