PrimaryCaribbean Blue#1bc3e6
on white 2.1:1 Lc 41on black 9.4:1 Lc 62Add a colour
Start with one colour, then add only what you need.
Preview
Preview
Caribbean Blue
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
Caribbean Blue 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#0097b3
Export
/* Made with Aesthetic colours - https://colours.aestudio.au */
@theme {
--color-caribbean-blue-50: #e8f9ff;
--color-caribbean-blue-100: #c4f0fe;
--color-caribbean-blue-200: #8ee4fd;
--color-caribbean-blue-300: #1bc3e6;
--color-caribbean-blue-400: #00b5d7;
--color-caribbean-blue-500: #0097b3;
--color-caribbean-blue-600: #007e95;
--color-caribbean-blue-700: #006a7c;
--color-caribbean-blue-800: #005460;
--color-caribbean-blue-900: #00454f;
--color-caribbean-blue-950: #001f24;
}Every role ships as its own named ramp. Drop the block into your config.