Gallery / Color palette
lojaside.quest color palette
The brand palette extracted from lojaside.quest — 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 12, 2026.
Mauve
#a89fc4
rgb(168, 159, 196)
hsl(255, 24%, 70%)
Orange
#f5a93d
rgb(245, 169, 61)
hsl(35, 90%, 60%)
Midnight Blue
#352a5e
rgb(53, 42, 94)
hsl(253, 38%, 27%)
Saddle Brown
#7e582c
rgb(126, 88, 44)
hsl(32, 48%, 33%)
Peru
#b5803d
rgb(181, 128, 61)
hsl(33, 50%, 47%)
Midnight Blue
#1d1533
rgb(29, 21, 51)
hsl(256, 42%, 14%)
Lavender
#efeaf7
rgb(239, 234, 247)
hsl(263, 45%, 94%)
Midnight Blue
#100b1b
rgb(16, 11, 27)
hsl(259, 42%, 7%)
About the lojaside.quest color palette
lojaside.quest's brand palette is built around Mauve (#A89FC4) as its primary color, paired with Orange (#F5A93D) as an accent. Below are all 8 colors with copy-ready hex, RGB, and HSL values, plus one-click export to CSS variables, Tailwind, and design tokens.
- Mauve · Primary
- — the dominant brand color — used for logos, primary buttons, and key moments.
- Orange · Accent
- — a secondary highlight for links, callouts, and interactive states.
- Midnight Blue · Neutral
- — a supporting tone for borders, dividers, and muted UI surfaces.
- Midnight Blue · Background
- — the base surface the rest of the palette sits on.
- Lavender · Text
- — the primary readable foreground color.
Frequently asked questions
What is lojaside.quest's primary brand color?
lojaside.quest's primary brand color is Mauve, hex #A89FC4.
What accent color does lojaside.quest use?
lojaside.quest pairs its primary with Orange (#F5A93D) as an accent.
How many colors are in the lojaside.quest palette?
This palette lists 8 role-labeled colors — primary, accent, neutral, background, and text — each with copy-ready hex, RGB, and HSL values.
Can I use the lojaside.quest 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