Sample only. This is a demo brand guide from PhotoTones Pro. Subscribe to Pro to generate guides from your own images.
Brand Color Palette
Sample export · Created with PhotoTones
Palette Overview
Vibrant primary
#3B82F6 · rgb(59, 130, 246)
Dark Vibrant
#1D4ED8 · rgb(29, 78, 216)
Light Vibrant
#93C5FD · rgb(147, 197, 253)
Muted neutral
#64748B · rgb(100, 116, 139)
Dark Muted text
#0F172A · rgb(15, 23, 42)
Light Muted surface
#FAFBFF · rgb(250, 251, 255)
Semantic Roles
| Role | Color | Name |
|---|
| primary | #3B82F6 | Vibrant |
| secondary | #64748B | Muted |
| surface | #FAFBFF | Light Muted |
| text | #0F172A | Dark Muted |
Light & Dark Themes
Light theme
Body text sample
Muted caption text
Primary
Secondary
Dark theme
Body text sample
Muted caption text
Primary
Secondary
Accessibility
Top accessible pairings (WCAG AA 4.5:1+):
#FFFFFF on #3B82F6 — 4.6:1
#0F172A on #FAFBFF — 16.1:1
Included Files
- palette/ — Adobe ASE and Procreate swatches
- tokens/ — W3C, Tokens Studio, Style Dictionary JSON
- code/ — Tailwind, SCSS, CSS, light/dark themes
- figma/ — Figma Variables and Tokens Studio JSON
- preview/ — Composite and swatch strip PNG previews
Images are processed locally in your browser — PhotoTones never uploads your file.