PrimaryMad for Mango#f59e0b
on white 2.1:1 Lc 42on black 9.2:1 Lc 60Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Mad for Mango
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
Mad for Mango 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#ba7600
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-mad-for-mango-50: #fff4e5;
--color-mad-for-mango-100: #ffe2c0;
--color-mad-for-mango-200: #ffca8b;
--color-mad-for-mango-300: #f59e0b;
--color-mad-for-mango-400: #de8e00;
--color-mad-for-mango-500: #ba7600;
--color-mad-for-mango-600: #9c6100;
--color-mad-for-mango-700: #865000;
--color-mad-for-mango-800: #6b3e00;
--color-mad-for-mango-900: #593200;
--color-mad-for-mango-950: #2a1400;
}Every role ships as its own named ramp. Drop the block into your config.