PrimaryMunch on Melon#f43f5e
on white 3.7:1 Lc 63on black 5.4:1 Lc 39Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Munch on Melon
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
Munch on Melon 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#f43f5e
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-munch-on-melon-50: #fff2f1;
--color-munch-on-melon-100: #ffdfde;
--color-munch-on-melon-200: #ffc4c5;
--color-munch-on-melon-300: #ff9aa0;
--color-munch-on-melon-400: #ff6a7a;
--color-munch-on-melon-500: #f43f5e;
--color-munch-on-melon-600: #c92348;
--color-munch-on-melon-700: #a42943;
--color-munch-on-melon-800: #7f2438;
--color-munch-on-melon-900: #652230;
--color-munch-on-melon-950: #320a14;
}Every role ships as its own named ramp. Drop the block into your config.