PrimaryJewel Beetle#84cc16

Add a colour

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

Preview

Preview

Jewel Beetle

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

Jewel Beetle 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#629a00

Export

/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
  --color-jewel-beetle-50: #ebfce2;
  --color-jewel-beetle-100: #d4f3bf;
  --color-jewel-beetle-200: #b3e985;
  --color-jewel-beetle-300: #84cc16;
  --color-jewel-beetle-400: #76b900;
  --color-jewel-beetle-500: #629a00;
  --color-jewel-beetle-600: #538000;
  --color-jewel-beetle-700: #4a6b00;
  --color-jewel-beetle-800: #3c5300;
  --color-jewel-beetle-900: #324400;
  --color-jewel-beetle-950: #151e00;
}

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.

Jewel Beetle (#84cc16) — Aesthetic colours