PrimaryGreen Olive#8a8b5c
on white 3.5:1 Lc 63on black 5.6:1 Lc 39Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Green Olive
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 Olive 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#8a8b5c
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-green-olive-50: #f5f6ef;
--color-green-olive-100: #e8e9da;
--color-green-olive-200: #d6d8bd;
--color-green-olive-300: #bdbf98;
--color-green-olive-400: #a5a677;
--color-green-olive-500: #8a8b5c;
--color-green-olive-600: #737349;
--color-green-olive-700: #626040;
--color-green-olive-800: #4d4b33;
--color-green-olive-900: #3f3d2b;
--color-green-olive-950: #1c1b10;
}Every role ships as its own named ramp. Drop the block into your config.