PrimaryPrunella#8e4585
on white 6.3:1 Lc 81on black 3.1:1 Lc 21Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Prunella
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
Prunella 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#be5db2
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-prunella-50: #fff1fb;
--color-prunella-100: #fddcf5;
--color-prunella-200: #f9c0ee;
--color-prunella-300: #ec9be0;
--color-prunella-400: #da7ace;
--color-prunella-500: #be5db2;
--color-prunella-600: #9f4b97;
--color-prunella-700: #8e4585;
--color-prunella-800: #643664;
--color-prunella-900: #502e51;
--color-prunella-950: #251227;
}Every role ships as its own named ramp. Drop the block into your config.