aestheticcolours
PrimaryDeep Space Royal#1e3a8a

Add a colour

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

Preview

Preview

Deep Space Royal

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

Deep Space Royal 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#5580ee

Export

/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
  --color-deep-space-royal-50: #f2f5ff;
  --color-deep-space-royal-100: #dee7ff;
  --color-deep-space-royal-200: #c3d5ff;
  --color-deep-space-royal-300: #9bbaff;
  --color-deep-space-royal-400: #759eff;
  --color-deep-space-royal-500: #5580ee;
  --color-deep-space-royal-600: #416acc;
  --color-deep-space-royal-700: #365ba6;
  --color-deep-space-royal-800: #28487f;
  --color-deep-space-royal-900: #1e3a8a;
  --color-deep-space-royal-950: #0a1a32;
}

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.

Deep Space Royal (#1e3a8a) — Aesthetic colours