5 colors · #CFF09E · #A8DBA8 · #79BD9A · #3B8686 · #0B486B
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #CFF09E | 207 240 158 | 84° 73% 78% | |
| #A8DBA8 | 168 219 168 | 120° 41% 76% | |
| #79BD9A | 121 189 154 | 149° 34% 61% | |
| #3B8686 | 59 134 134 | 180° 39% 38% | |
| #0B486B | 11 72 107 | 202° 81% 23% |
Hex list
#CFF09E, #A8DBA8, #79BD9A, #3B8686, #0B486BCSS variables
:root {
--adrift-in-dreams-1: #CFF09E;
--adrift-in-dreams-2: #A8DBA8;
--adrift-in-dreams-3: #79BD9A;
--adrift-in-dreams-4: #3B8686;
--adrift-in-dreams-5: #0B486B;
}Tailwind v4
@theme {
--color-adrift-in-dreams-1: #CFF09E;
--color-adrift-in-dreams-2: #A8DBA8;
--color-adrift-in-dreams-3: #79BD9A;
--color-adrift-in-dreams-4: #3B8686;
--color-adrift-in-dreams-5: #0B486B;
}JSON
{
"name": "Adrift in Dreams",
"colors": [
"#CFF09E",
"#A8DBA8",
"#79BD9A",
"#3B8686",
"#0B486B"
],
"source": "https://www.colourlovers.com/palette/580974/Adrift_in_Dreams"
}