PrimaryOnce in a Blue Moon#0047ab
on white 8.4:1 Lc 88on black 2.3:1 Lc 14Add 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
Palette saved
Ready to export across nine formats
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.