PrimaryMade in the Shade#6b7280

Add a colour

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

Preview

Preview

Made in the Shade

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

Made in the Shade 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#808897

Export

/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
  --color-made-in-the-shade-50: #f4f5f8;
  --color-made-in-the-shade-100: #e5e7ed;
  --color-made-in-the-shade-200: #d1d5df;
  --color-made-in-the-shade-300: #b5bbc9;
  --color-made-in-the-shade-400: #9ba3b3;
  --color-made-in-the-shade-500: #808897;
  --color-made-in-the-shade-600: #6b7280;
  --color-made-in-the-shade-700: #595f69;
  --color-made-in-the-shade-800: #454a52;
  --color-made-in-the-shade-900: #393d43;
  --color-made-in-the-shade-950: #181b1e;
}

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.

Made in the Shade (#6b7280) — Aesthetic colours