PrimaryRaven#0a0a0a
on white 19.8:1 Lc 106on black 1.0:1 Lc 0Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Raven
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
Raven 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#878787
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-raven-50: #f5f5f5;
--color-raven-100: #e7e7e7;
--color-raven-200: #d5d5d5;
--color-raven-300: #bbbbbb;
--color-raven-400: #a2a2a2;
--color-raven-500: #878787;
--color-raven-600: #707070;
--color-raven-700: #5e5e5e;
--color-raven-800: #4a4a4a;
--color-raven-900: #3c3c3c;
--color-raven-950: #0a0a0a;
}Every role ships as its own named ramp. Drop the block into your config.