PrimaryChannel#f4c2c2
on white 1.6:1 Lc 26on black 12.5:1 Lc 77Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Channel
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
Channel 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#af7677
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-channel-50: #fdf3f2;
--color-channel-100: #f6e2e1;
--color-channel-200: #f4c2c2;
--color-channel-300: #deadad;
--color-channel-400: #cb9192;
--color-channel-500: #af7677;
--color-channel-600: #936162;
--color-channel-700: #7a5255;
--color-channel-800: #5e4143;
--color-channel-900: #4c3638;
--color-channel-950: #231618;
}Every role ships as its own named ramp. Drop the block into your config.