PrimaryHurricane#8a7f72
on white 3.9:1 Lc 67on black 5.0:1 Lc 35Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Hurricane
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
Hurricane 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#8a7f72
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-hurricane-50: #f7f5f3;
--color-hurricane-100: #eae7e2;
--color-hurricane-200: #dbd4cc;
--color-hurricane-300: #c3baae;
--color-hurricane-400: #aca093;
--color-hurricane-500: #8a7f72;
--color-hurricane-600: #796f63;
--color-hurricane-700: #655d54;
--color-hurricane-800: #4f4942;
--color-hurricane-900: #413c37;
--color-hurricane-950: #1d1a17;
}Every role ships as its own named ramp. Drop the block into your config.