Colors
The voiceflow.com color palette
voiceflow.com builds its pages on #f2f7f7 with #1a1e23 text and #397dff as the accent, the color of its primary buttons and links. The 10 colors below were measured from the live site.
Measured from voiceflow.com 4 days ago.
Palette
10 colors| Colors | Role | Hex | RGB |
|---|---|---|---|
background | Page background | #f2f7f7 | rgb(242 247 247) |
surface | Cards, panels, raised or recessed surfaces | #ffffff | rgb(255 255 255) |
surface-2 | Secondary surface | #f1f2f2 | rgb(241 242 242) |
surface-3 | Secondary surface | #d3e5f4 | rgb(211 229 244) |
foreground | Primary text | #1a1e23 | rgb(26 30 35) |
muted-foreground | Secondary text, captions | #515a63 | rgb(81 90 99) |
primary | Candidate accent (semantic role inferred) | #397dff | rgb(57 125 255) |
on-primary | Text on the accent | #111111 | rgb(17 17 17) |
secondary | Secondary accent (teal) | #008069 | rgb(0 128 105) |
border | Hairlines, dividers, input borders | #e2e4e5 | rgb(226 228 229) |
- Text on the page background
- 15.49:1 · passes WCAG AA
- Text on the accent
- 4.99:1 · passes WCAG AA
CSS variables
Every color as a custom property, named by role. The dark block is there when the site has a dark theme.
:root {
--color-background: #f2f7f7;
--color-surface: #ffffff;
--color-surface-2: #f1f2f2;
--color-surface-3: #d3e5f4;
--color-foreground: #1a1e23;
--color-muted-foreground: #515a63;
--color-primary: #397dff;
--color-on-primary: #111111;
--color-secondary: #008069;
--color-border: #e2e4e5;
}For AI agents
The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.
curl -s https://stylepack.ai/packs/voiceflow.com/DESIGN.mdQuestions
What are the voiceflow.com brand colors?
The main voiceflow.com colors are #397dff (accent), #f2f7f7 (background) and #1a1e23 (text). The full palette of 10 colors, with the role of each, is on this page as hex codes.
What is the voiceflow.com hex code?
The accent color on voiceflow.com is #397dff; the page background is #f2f7f7 and the main text color #1a1e23. Each is measured from the rendered page, so it is what visitors see, not a value from a style guide.
How do I use the voiceflow.com colors in Tailwind or CSS?
Copy the CSS variables or the Tailwind v4 theme on this page, or download the design pack: it includes tokens.json (W3C design tokens), tokens.css and tailwind.css with the same values.