PrimaryMade in the Shade#6b7280
on white 4.8:1 Lc 74on black 4.1:1 Lc 28Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Made in the Shade
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
Made in the Shade 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#808897
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-made-in-the-shade-50: #f4f5f8;
--color-made-in-the-shade-100: #e5e7ed;
--color-made-in-the-shade-200: #d1d5df;
--color-made-in-the-shade-300: #b5bbc9;
--color-made-in-the-shade-400: #9ba3b3;
--color-made-in-the-shade-500: #808897;
--color-made-in-the-shade-600: #6b7280;
--color-made-in-the-shade-700: #595f69;
--color-made-in-the-shade-800: #454a52;
--color-made-in-the-shade-900: #393d43;
--color-made-in-the-shade-950: #181b1e;
}Every role ships as its own named ramp. Drop the block into your config.