PrimaryArsenic#36454f
on white 9.9:1 Lc 93on black 2.0:1 Lc 9Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Arsenic
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
Arsenic 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#768b99
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-arsenic-50: #f3f6f8;
--color-arsenic-100: #e2e9ed;
--color-arsenic-200: #cbd7e0;
--color-arsenic-300: #acbeca;
--color-arsenic-400: #91a6b4;
--color-arsenic-500: #768b99;
--color-arsenic-600: #607380;
--color-arsenic-700: #52616a;
--color-arsenic-800: #404c52;
--color-arsenic-900: #36454f;
--color-arsenic-950: #161b1e;
}Every role ships as its own named ramp. Drop the block into your config.