PrimaryGreen Bell Pepper#228b22
on white 4.4:1 Lc 70on black 4.5:1 Lc 32Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Green Bell Pepper
Your brand, in full colour
See every shade working together across a real interface, before you commit a single line of code.
Active users 8.2%
12,840
vs. 11,860 last week
Green Bell Pepper planPopular
$49/mo
- Unlimited palettes
- Team workspace
Built for your team
- Semantic tokens, ready to ship
- Light and dark, generated for you
- Synced to Figma and Tailwind
Palette saved
Ready to export across nine formats
Palette in use
Primary#2fa12e
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-green-bell-pepper-50: #eafbeb;
--color-green-bell-pepper-100: #d2f2d1;
--color-green-bell-pepper-200: #ade7ab;
--color-green-bell-pepper-300: #7fd37a;
--color-green-bell-pepper-400: #52be4f;
--color-green-bell-pepper-500: #2fa12e;
--color-green-bell-pepper-600: #228b22;
--color-green-bell-pepper-700: #2d701b;
--color-green-bell-pepper-800: #295716;
--color-green-bell-pepper-900: #264617;
--color-green-bell-pepper-950: #0e2004;
}Every role ships as its own named ramp. Drop the block into your config.