PrimaryIvory#fffff0
on white 1.0:1 Lc 0on black 19.5:1 Lc 107Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Ivory
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
Ivory 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#898978
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-ivory-50: #fffff0;
--color-ivory-100: #e8e8e2;
--color-ivory-200: #d6d6cc;
--color-ivory-300: #bcbcae;
--color-ivory-400: #a4a493;
--color-ivory-500: #898978;
--color-ivory-600: #727162;
--color-ivory-700: #605f53;
--color-ivory-800: #4b4a41;
--color-ivory-900: #3e3d36;
--color-ivory-950: #1b1a17;
}Every role ships as its own named ramp. Drop the block into your config.