PrimaryMagical Malachite#22c55e
on white 2.3:1 Lc 44on black 8.7:1 Lc 58Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Magical Malachite
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
Magical Malachite 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#00a348
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-magical-malachite-50: #e7fcec;
--color-magical-malachite-100: #ccf3d4;
--color-magical-malachite-200: #a0eab0;
--color-magical-malachite-300: #67d783;
--color-magical-malachite-400: #22c55e;
--color-magical-malachite-500: #00a348;
--color-magical-malachite-600: #008837;
--color-magical-malachite-700: #017325;
--color-magical-malachite-800: #16591d;
--color-magical-malachite-900: #1b481b;
--color-magical-malachite-950: #072106;
}Every role ships as its own named ramp. Drop the block into your config.