limeprimary
- RGB
- 230, 255, 85
- HSL
- 69°, 100%, 67%
- Text on it
- black · 16.88:1
- Role
- primary
Sweetgreen leads on lime #E6FF55. The full set is lime, deep forest and green: #E6FF55, #01483C, #71A148. Every code below is the brand's own published colour, not copied from a listicle.
Ordered by how much of the logo each one covers. Tap a code to copy it.
The same codes as custom properties and as a Tailwind theme extension.
:root {
--sweetgreen-1: #e6ff55;
--sweetgreen-2: #01483c;
--sweetgreen-3: #71a148;
}theme: {
extend: {
colors: {
'sweetgreen-1': '#e6ff55',
'sweetgreen-2': '#01483c',
'sweetgreen-3': '#71a148',
},
},
}These are Sweetgreen's published colours, as recorded for sweetgreen.com. A published palette can carry colours that never appear in the logo: a secondary, or one used only on packaging. That is the reason to prefer it over reading the mark.
What it does not carry is how much of anything each colour covers, so there are no percentages here. Where we have read a brand's logo instead, those percentages appear and this paragraph says so instead.
Read 27 August 2026.
lime, deep forest and green, #E6FF55, #01483C, #71A148. The one to reach for first is lime #E6FF55.
Sweetgreen's own published brand palette, as recorded for sweetgreen.com: it can include colours that never appear in the logo itself. Nothing here is copied from another site.
It is the palette on their brand record, which is as close to official as a third party gets. A full brand book usually holds more: tints, a print-only colour, rules about where each one goes.
A hex code is not protected. Using Sweetgreen's palette to pass work off as theirs is a trademark problem, and the same colours in your own moodboard, chart or comparison deck are not.