03
Color
Awaio's palette is built around three brand colors and a neutral base. Green is primary — it draws the eye to the most important element on the page.
Published June 23, 2026
Primary — Awaio Green
Awaio Green
#00D97E
Buttons, icons, CTAs, key accents
Desk Plant
#007A44
Text on light bg, accessible interactive elements
Glass Green
#CCF1D9
Tints, fills, tags
Secondary — Iris
Expo Violet
#6D4AFF
Secondary CTAs, highlights, accents
Ink Cartridge
#4A2EC9
Text on light bg, accessible interactive elements
Lavender Sticky
#ECE7FF
Backgrounds, badges, hover states
Tertiary — Solar Orange
Orange Highlighter
#FF7A1A
Highlights, warnings, energy accents
Leather Binder
#B5470A
Text on light bg, accessible interactive elements
Manila Folder
#FFEBDB
Backgrounds, badges, hover states
Neutral palette
Neutral 50
#FCFAF7
Neutral 100
#F5F1ED
App background
Neutral 200
#E7E2DB
Borders, dividers
Neutral 300
#D8D1C7
Neutral 400
#AEA398
Neutral 500
#776C62
Secondary text (AA on warm beige)
Neutral 600
#5B5149
Neutral 700
#443D37
Neutral 800
#2B2521
Headings on light
Neutral 900
#1C1815
Neutral 950
#100D09
Primary text, text on green backgrounds
Rules
- Max 3 colors per composition — Avoid visual noise
- #00D97E draws the eye — Use for the single most important element per section
- No gradients — Unless specifically approved for a campaign
- WCAG AA minimum — 4.5:1 for body text, 3:1 for large text and UI components
Text on color backgrounds
- #00D97E background — Use #111111 text — never white (fails WCAG AA)
- #007A44 background — Use #FFFFFF text
- #6D4AFF background — Use #FFFFFF text
- #FF7A1A background — Use #111111 text — never white (fails WCAG AA)
- #111111 background — Use #FFFFFF text
Legacy — do not use
These colors appeared in earlier versions of the Awaio brand. They are retired and must not be used in any new design, marketing material, or product surface.
Old Awaio Green (retired)
#3DBB95
Retired — replaced by #00D97E. Do not use.