PrimaryBlue Bikini#06b6d4
on white 2.4:1 Lc 47on black 8.1:1 Lc 55Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Blue Bikini
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
Blue Bikini 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#0097b1
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-blue-bikini-50: #e8f9fe;
--color-blue-bikini-100: #cceff9;
--color-blue-bikini-200: #9fe1f3;
--color-blue-bikini-300: #63cce4;
--color-blue-bikini-400: #06b6d4;
--color-blue-bikini-500: #0097b1;
--color-blue-bikini-600: #007e93;
--color-blue-bikini-700: #006b7a;
--color-blue-bikini-800: #00545f;
--color-blue-bikini-900: #09454d;
--color-blue-bikini-950: #001f23;
}Every role ships as its own named ramp. Drop the block into your config.