Mermaid Shimmer Color Palette
Iridescent under-the-sea shimmer: aqua and teal, seafoam, ocean blue, pearly purple, and shell-pink glow. The colors shift cool-to-warm like the inside of an abalone shell, made for scales, fins, and pearly highlights. For mermaid and ocean-fantasy art, iridescent lettering, and dreamy aquatic scenes.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--mermaidcore-1: #6FE0D2;
--mermaidcore-2: #52D4C6;
--mermaidcore-3: #39C7BA;
--mermaidcore-4: #28B6AC;
--mermaidcore-5: #1FA29C;
--mermaidcore-6: #1A8E8C;
--mermaidcore-7: #BFEFD0;
--mermaidcore-8: #A2E6BD;
--mermaidcore-9: #86DBA9;
--mermaidcore-10: #6BCF96;
--mermaidcore-11: #54C084;
--mermaidcore-12: #42AE72;
--mermaidcore-13: #3EA0C8;
--mermaidcore-14: #338FBC;
--mermaidcore-15: #2A7EAE;
--mermaidcore-16: #226D9E;
--mermaidcore-17: #1B5C8C;
--mermaidcore-18: #154B78;
--mermaidcore-19: #B6A8E0;
--mermaidcore-20: #A092D6;
--mermaidcore-21: #8C7DCA;
--mermaidcore-22: #7969BC;
--mermaidcore-23: #6856AC;
--mermaidcore-24: #58459A;
--mermaidcore-25: #F6CFE0;
--mermaidcore-26: #EFB8D2;
--mermaidcore-27: #E6A2C4;
--mermaidcore-28: #D98CB4;
--mermaidcore-29: #C878A2;
--mermaidcore-30: #B5658F;
}SCSS
$mermaidcore-1: #6FE0D2;
$mermaidcore-2: #52D4C6;
$mermaidcore-3: #39C7BA;
$mermaidcore-4: #28B6AC;
$mermaidcore-5: #1FA29C;
$mermaidcore-6: #1A8E8C;
$mermaidcore-7: #BFEFD0;
$mermaidcore-8: #A2E6BD;
$mermaidcore-9: #86DBA9;
$mermaidcore-10: #6BCF96;
$mermaidcore-11: #54C084;
$mermaidcore-12: #42AE72;
$mermaidcore-13: #3EA0C8;
$mermaidcore-14: #338FBC;
$mermaidcore-15: #2A7EAE;
$mermaidcore-16: #226D9E;
$mermaidcore-17: #1B5C8C;
$mermaidcore-18: #154B78;
$mermaidcore-19: #B6A8E0;
$mermaidcore-20: #A092D6;
$mermaidcore-21: #8C7DCA;
$mermaidcore-22: #7969BC;
$mermaidcore-23: #6856AC;
$mermaidcore-24: #58459A;
$mermaidcore-25: #F6CFE0;
$mermaidcore-26: #EFB8D2;
$mermaidcore-27: #E6A2C4;
$mermaidcore-28: #D98CB4;
$mermaidcore-29: #C878A2;
$mermaidcore-30: #B5658F;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'mermaidcore': {
'1': '#6FE0D2',
'2': '#52D4C6',
'3': '#39C7BA',
'4': '#28B6AC',
'5': '#1FA29C',
'6': '#1A8E8C',
'7': '#BFEFD0',
'8': '#A2E6BD',
'9': '#86DBA9',
'10': '#6BCF96',
'11': '#54C084',
'12': '#42AE72',
'13': '#3EA0C8',
'14': '#338FBC',
'15': '#2A7EAE',
'16': '#226D9E',
'17': '#1B5C8C',
'18': '#154B78',
'19': '#B6A8E0',
'20': '#A092D6',
'21': '#8C7DCA',
'22': '#7969BC',
'23': '#6856AC',
'24': '#58459A',
'25': '#F6CFE0',
'26': '#EFB8D2',
'27': '#E6A2C4',
'28': '#D98CB4',
'29': '#C878A2',
'30': '#B5658F',
},
},
},
},
};JSON
{
"name": "Mermaid Shimmer",
"colors": [
"#6FE0D2",
"#52D4C6",
"#39C7BA",
"#28B6AC",
"#1FA29C",
"#1A8E8C",
"#BFEFD0",
"#A2E6BD",
"#86DBA9",
"#6BCF96",
"#54C084",
"#42AE72",
"#3EA0C8",
"#338FBC",
"#2A7EAE",
"#226D9E",
"#1B5C8C",
"#154B78",
"#B6A8E0",
"#A092D6",
"#8C7DCA",
"#7969BC",
"#6856AC",
"#58459A",
"#F6CFE0",
"#EFB8D2",
"#E6A2C4",
"#D98CB4",
"#C878A2",
"#B5658F"
]
}Hex list
#6FE0D2
#52D4C6
#39C7BA
#28B6AC
#1FA29C
#1A8E8C
#BFEFD0
#A2E6BD
#86DBA9
#6BCF96
#54C084
#42AE72
#3EA0C8
#338FBC
#2A7EAE
#226D9E
#1B5C8C
#154B78
#B6A8E0
#A092D6
#8C7DCA
#7969BC
#6856AC
#58459A
#F6CFE0
#EFB8D2
#E6A2C4
#D98CB4
#C878A2
#B5658F