aestheticcolours
PrimaryHeavenly Sky#6e8caf

Add a colour

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

Preview

Preview

Heavenly Sky

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

Heavenly Sky 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#6e8caf

Export

/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
  --color-heavenly-sky-50: #f1f6fc;
  --color-heavenly-sky-100: #dfe8f4;
  --color-heavenly-sky-200: #c6d7ec;
  --color-heavenly-sky-300: #a5bedb;
  --color-heavenly-sky-400: #87a5c9;
  --color-heavenly-sky-500: #6e8caf;
  --color-heavenly-sky-600: #577392;
  --color-heavenly-sky-700: #4a6178;
  --color-heavenly-sky-800: #3a4c5d;
  --color-heavenly-sky-900: #313e4b;
  --color-heavenly-sky-950: #131b23;
}

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.

Heavenly Sky (#6e8caf) — Aesthetic colours