Gallery / Color palette
one4.dev color palette
The brand palette extracted from one4.dev — primary, accent, neutral, background, and text colors with copy-ready hex codes and one-click export to CSS, Tailwind, and design tokens. Last updated July 20, 2026.
Dark Turquoise
#01d3ff
rgb(1, 211, 255)
hsl(190, 100%, 50%)
Violet
#7b61ff
rgb(123, 97, 255)
hsl(250, 100%, 69%)
Emerald
#7ec699
rgb(126, 198, 153)
hsl(143, 39%, 64%)
Coral
#f08d4b
rgb(240, 141, 75)
hsl(24, 85%, 62%)
Dark Slate Gray
#245e6a
rgb(36, 94, 106)
hsl(190, 49%, 28%)
Black
#0b0e12
rgb(11, 14, 18)
hsl(214, 24%, 6%)
Cadet Blue
#8e94a4
rgb(142, 148, 164)
hsl(224, 11%, 60%)
Midnight Blue
#12202d
rgb(18, 32, 45)
hsl(209, 43%, 12%)
About the one4.dev color palette
one4.dev's brand palette is built around Dark Turquoise (#01D3FF) as its primary color, paired with Violet (#7B61FF) 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.
- Dark Turquoise · Primary
- — the dominant brand color — used for logos, primary buttons, and key moments.
- Violet · Accent
- — a secondary highlight for links, callouts, and interactive states.
- Midnight Blue · Neutral
- — a supporting tone for borders, dividers, and muted UI surfaces.
- Black · Background
- — the base surface the rest of the palette sits on.
- Cadet Blue · Text
- — the primary readable foreground color.
Frequently asked questions
What is one4.dev's primary brand color?
one4.dev's primary brand color is Dark Turquoise, hex #01D3FF.
What accent color does one4.dev use?
one4.dev pairs its primary with Violet (#7B61FF) as an accent.
How many colors are in the one4.dev 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 one4.dev 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