Gallery / Color palette
queerhaven.de color palette
The brand palette extracted from queerhaven.de — primary, accent, neutral, background, and text colors with copy-ready hex codes and one-click export to CSS, Tailwind, and design tokens. Last updated June 23, 2026.
Rose
#e75480
rgb(231, 84, 128)
hsl(342, 75%, 62%)
Orange
#f69c1c
rgb(246, 156, 28)
hsl(35, 92%, 54%)
Olive Drab
#4e9e3e
rgb(78, 158, 62)
hsl(110, 44%, 43%)
Crimson
#d92f15
rgb(217, 47, 21)
hsl(8, 82%, 47%)
Brown
#943642
rgb(148, 54, 66)
hsl(352, 47%, 40%)
Dark Slate Gray
#2d5880
rgb(45, 88, 128)
hsl(209, 48%, 34%)
Black
#000000
rgb(0, 0, 0)
hsl(0, 0%, 0%)
White
#ffffff
rgb(255, 255, 255)
hsl(0, 0%, 100%)
About the queerhaven.de color palette
queerhaven.de's brand palette is built around Rose (#E75480) as its primary color, paired with Orange (#F69C1C) 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.
- Rose · Primary
- — the dominant brand color — used for logos, primary buttons, and key moments.
- Orange · Accent
- — a secondary highlight for links, callouts, and interactive states.
- White · Neutral
- — a supporting tone for borders, dividers, and muted UI surfaces.
- Dark Slate Gray · Background
- — the base surface the rest of the palette sits on.
- Black · Text
- — the primary readable foreground color.
Frequently asked questions
What is queerhaven.de's primary brand color?
queerhaven.de's primary brand color is Rose, hex #E75480.
What accent color does queerhaven.de use?
queerhaven.de pairs its primary with Orange (#F69C1C) as an accent.
How many colors are in the queerhaven.de 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 queerhaven.de 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