PrimaryOnce in a Blue Moon#0047ab

Add a colour

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

Preview

Preview

Once in a Blue Moon

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

Once in a Blue Moon 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#3281ff

Export

/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
  --color-once-in-a-blue-moon-50: #f1f6ff;
  --color-once-in-a-blue-moon-100: #dbe8ff;
  --color-once-in-a-blue-moon-200: #bed6ff;
  --color-once-in-a-blue-moon-300: #93bcff;
  --color-once-in-a-blue-moon-400: #68a2ff;
  --color-once-in-a-blue-moon-500: #3281ff;
  --color-once-in-a-blue-moon-600: #1169e0;
  --color-once-in-a-blue-moon-700: #0f5bb6;
  --color-once-in-a-blue-moon-800: #0047ab;
  --color-once-in-a-blue-moon-900: #103d6e;
  --color-once-in-a-blue-moon-950: #011a37;
}

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.

Once in a Blue Moon (#0047ab) — Aesthetic colours