PrimaryParis Paving#71717a
on white 4.8:1 Lc 74on black 4.1:1 Lc 28Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Paris Paving
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
Paris Paving 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#868690
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-paris-paving-50: #f5f5f7;
--color-paris-paving-100: #e7e7ea;
--color-paris-paving-200: #d4d4da;
--color-paris-paving-300: #babac3;
--color-paris-paving-400: #a1a1ab;
--color-paris-paving-500: #868690;
--color-paris-paving-600: #71717a;
--color-paris-paving-700: #5d5e65;
--color-paris-paving-800: #49494f;
--color-paris-paving-900: #3c3c40;
--color-paris-paving-950: #1a1a1c;
}Every role ships as its own named ramp. Drop the block into your config.