PrimaryHaystack#d4af37
on white 2.1:1 Lc 41on black 9.4:1 Lc 61Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Haystack
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
Haystack 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#a48300
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-haystack-50: #fbf6e2;
--color-haystack-100: #f3e7c1;
--color-haystack-200: #ecd48b;
--color-haystack-300: #d4af37;
--color-haystack-400: #c49e00;
--color-haystack-500: #a48300;
--color-haystack-600: #8a6c00;
--color-haystack-700: #765a00;
--color-haystack-800: #5e4600;
--color-haystack-900: #4e3900;
--color-haystack-950: #241800;
}Every role ships as its own named ramp. Drop the block into your config.