aestheticcolours
PrimaryMighty Mauve#8e7f8f

Add a colour

Start with one colour, then add only what you need.

Preview

Preview

Mighty Mauve

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

Mighty Mauve 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
Portrait of a team member

Palette saved

Ready to export across nine formats

Live
Palette in use
Primary#8e7f8f

Export

/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
  --color-mighty-mauve-50: #f7f4f7;
  --color-mighty-mauve-100: #ebe6eb;
  --color-mighty-mauve-200: #dbd2db;
  --color-mighty-mauve-300: #c3b6c4;
  --color-mighty-mauve-400: #ac9dad;
  --color-mighty-mauve-500: #8e7f8f;
  --color-mighty-mauve-600: #786b7a;
  --color-mighty-mauve-700: #645b66;
  --color-mighty-mauve-800: #4e4750;
  --color-mighty-mauve-900: #403a41;
  --color-mighty-mauve-950: #1c191d;
}

Every role ships as its own named ramp. Drop the block into your config.

Aesthetic

Want this palette built into your site?

You bring the colours. You'll get a site that uses them properly, designed and built by the team at Aesthetic.

Mighty Mauve (#8e7f8f) — Aesthetic colours