Evernote color palette
SaaSEvernote's color identity is centered around a vibrant green, complemented by a neutral gray palette and subtle accent colors. The system reflects clarity, productivity, and the brand's signature note-taking experience.
evernote.comEvernote colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Evernote GreenPrimary0, 168, 45
- Evernote Deep GreenSecondary45, 59, 47
- Evernote YellowAccent255, 214, 0
Surfaces
Page, cards and dividers.- Evernote WhiteBackground255, 255, 255
- Evernote Light GraySurface247, 249, 248
- Evernote Border GrayBorder225, 228, 227
Text
Three tiers of copy.- Evernote CharcoalText33, 43, 38
- Evernote Medium GraySecondary text104, 112, 106
- Evernote Muted GrayMuted text163, 169, 165
Semantic
Feedback and state colors.- Evernote GreenSuccess0, 168, 45
- Evernote YellowWarning255, 214, 0
- Evernote RedError226, 68, 47
- Evernote BlueInfo0, 179, 230
Use Evernote's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
evernote-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B3E6;
--error: #E2442F;
--accent: #FFD600;
--border: #E1E4E3;
--primary: #00A82D;
--success: #00A82D;
--surface: #F7F9F8;
--warning: #FFD600;
--secondary: #2D3B2F;
--text-muted: #A3A9A5;
--background: #FFFFFF;
--text-primary: #212B26;
--text-secondary: #68706A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
13.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.8:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Evernote gray and neutral colors
The quiet part of the Evernote palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Evernote WhiteBackground
- HEX
- RGB
- HSL
- Evernote Light GraySurface
- HEX
- RGB
- HSL
- Evernote Border GrayBorder
- HEX
- RGB
- HSL
- Evernote CharcoalText
- HEX
- RGB
- HSL
- Evernote Medium GraySecondary text
- HEX
- RGB
- HSL
- Evernote Muted GrayMuted text
- HEX
- RGB
- HSL
About Evernote's colors
Evernote's palette is built around a distinctive green, supported by neutrals and bright accent colors for clarity and usability. The scheme is designed for high contrast and accessibility in digital environments.
Primary green paired with deep green for brand recognition.
Neutral grays create a calm, readable interface.
Accent yellow and blue highlight key actions and information.
Psychology
Green is associated with growth, productivity, and calm, reinforcing Evernote's focus on organization. The neutral grays provide a professional, distraction-free workspace.
Evolution
Evernote's green has been a consistent brand anchor since its inception, with minor adjustments for digital clarity. The supporting palette has evolved to include more refined grays and accent colors for modern UI needs.
Where Evernote uses each color
- Primary
Used for the logo, primary buttons, and key highlights in the app interface.
- Secondary
Appears in navigation backgrounds and selected states.
- Accent
Used for notifications, highlights, and call-to-action elements.
- Backgrounds
White and light gray backgrounds are standard for app screens and web pages.
- Text
Charcoal and gray tones are used for primary, secondary, and muted text throughout the UI.
- Semantic
Green indicates success, yellow for warnings, red for errors, and blue for informational messages.
Evernote color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Evernote primary color is #00A82D, known as Evernote Green. This hex code should be used for all primary brand applications.
Evernote Green (#00A82D) in RGB is (0, 168, 45). For print, the approximate CMYK is (100, 0, 73, 34).
Evernote uses several grays: Evernote Light Gray (#F7F9F8), Border Gray (#E1E4E3), Medium Gray (#68706A), and Muted Gray (#A3A9A5). These provide structure and hierarchy in the UI.
Use Evernote Green (#00A82D) for primary actions and branding, with grays for backgrounds and text. Accent colors like yellow (#FFD600) and blue (#00B3E6) are reserved for notifications and highlights.
The secondary color is Evernote Deep Green, #2D3B2F, and the accent is Evernote Yellow, #FFD600. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Evernote's colors consistently when it generates UI.
Make something in the spirit of Evernote
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.