Gallery / Color palette
anvil.works color palette
The brand palette extracted from anvil.works — 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 29, 2026.
Azure
#1bb1ef
rgb(27, 177, 239)
hsl(198, 87%, 52%)
Periwinkle
#d0bcff
rgb(208, 188, 255)
hsl(258, 100%, 87%)
Light Blue
#8ce0fd
rgb(140, 224, 253)
hsl(195, 97%, 77%)
Steel Blue
#1e84b0
rgb(30, 132, 176)
hsl(198, 71%, 40%)
Midnight Blue
#1b1b1b
rgb(27, 27, 27)
hsl(0, 0%, 11%)
White Smoke
#f2f7f9
rgb(242, 247, 249)
hsl(197, 37%, 96%)
Dim Gray
#585858
rgb(88, 88, 88)
hsl(0, 0%, 35%)
About the anvil.works color palette
anvil.works's brand palette is built around Azure (#1BB1EF) as its primary color, paired with Periwinkle (#D0BCFF) 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.
- Azure · Primary
- — the dominant brand color — used for logos, primary buttons, and key moments.
- Periwinkle · Accent
- — a secondary highlight for links, callouts, and interactive states.
- Dim Gray · Neutral
- — a supporting tone for borders, dividers, and muted UI surfaces.
- Midnight Blue · Background
- — the base surface the rest of the palette sits on.
- White Smoke · Text
- — the primary readable foreground color.
Frequently asked questions
What is anvil.works's primary brand color?
anvil.works's primary brand color is Azure, hex #1BB1EF.
What accent color does anvil.works use?
anvil.works pairs its primary with Periwinkle (#D0BCFF) as an accent.
How many colors are in the anvil.works 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 anvil.works 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