Mermaid Blues to Sultan of Pink color palette
00457DMermaid Blues003147Nordic NoirA16D2AEagleFEC9E9Puff of Pink00B977Fennel FiestaEAA0CBSultan of Pink
About this palette
Mermaid Blues to Sultan of Pink is a 6-color palette: #00457D (Mermaid Blues), #003147 (Nordic Noir), #A16D2A (Eagle), #FEC9E9 (Puff of Pink), #00B977 (Fennel Fiesta), #EAA0CB (Sultan of Pink). It mixes blue, brown, pink, green tones and feels balanced overall. The strongest text pairing is #003147 on #FEC9E9 with a contrast ratio of 9.64:1, and 5 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Mermaid Blues | rgb(0, 69, 125) | hsl(207, 100%, 25%) | |
| Nordic Noir | rgb(0, 49, 71) | hsl(199, 100%, 14%) | |
| Eagle | rgb(161, 109, 42) | hsl(34, 59%, 40%) | |
| Puff of Pink | rgb(254, 201, 233) | hsl(324, 96%, 89%) | |
| Fennel Fiesta | rgb(0, 185, 119) | hsl(159, 100%, 36%) | |
| Sultan of Pink | rgb(234, 160, 203) | hsl(325, 64%, 77%) |
Accessible color pairs
Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.
- Aa9.64:1 #003147 on #FEC9E9
- Aa9.64:1 #FEC9E9 on #003147
- Aa6.87:1 #00457D on #FEC9E9
- Aa6.87:1 #FEC9E9 on #00457D
- Aa6.79:1 #003147 on #EAA0CB
- Aa6.79:1 #EAA0CB on #003147
- Aa5.36:1 #003147 on #00B977
- Aa5.36:1 #00B977 on #003147
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Mermaid Blues to Sultan of Pink — https://swatchly.xyz/palette/00457d-003147-a16d2a-fec9e9-00b977-eaa0cb */
:root {
--mermaid-blues: #00457d;
--nordic-noir: #003147;
--eagle: #a16d2a;
--puff-of-pink: #fec9e9;
--fennel-fiesta: #00b977;
--sultan-of-pink: #eaa0cb;
}
Tailwind CSS v4
/* Mermaid Blues to Sultan of Pink — https://swatchly.xyz/palette/00457d-003147-a16d2a-fec9e9-00b977-eaa0cb */
@theme {
--color-mermaid-blues: #00457d;
--color-mermaid-blues-50: #eef6ff;
--color-mermaid-blues-100: #ddedff;
--color-mermaid-blues-200: #badbff;
--color-mermaid-blues-300: #93c6fd;
--color-mermaid-blues-400: #6ea7e3;
--color-mermaid-blues-500: #508bc8;
--color-mermaid-blues-600: #3670ab;
--color-mermaid-blues-700: #23598e;
--color-mermaid-blues-800: #00457d;
--color-mermaid-blues-900: #0a355d;
--color-mermaid-blues-950: #03213e;
--color-nordic-noir: #003147;
--color-nordic-noir-50: #ebf7ff;
--color-nordic-noir-100: #d6f0ff;
--color-nordic-noir-200: #bbddf2;
--color-nordic-noir-300: #a0c7df;
--color-nordic-noir-400: #7ba7c1;
--color-nordic-noir-500: #5e8aa4;
--color-nordic-noir-600: #446e86;
--color-nordic-noir-700: #2f566b;
--color-nordic-noir-800: #204154;
--color-nordic-noir-900: #003147;
--color-nordic-noir-950: #0a1d27;
--color-eagle: #a16d2a;
--color-eagle-50: #fff0e0;
--color-eagle-100: #ffe1c0;
--color-eagle-200: #f4c896;
--color-eagle-300: #dfad75;
--color-eagle-400: #bf8b4b;
--color-eagle-500: #a16d2a;
--color-eagle-600: #865610;
--color-eagle-700: #6d4300;
--color-eagle-800: #563400;
--color-eagle-900: #442800;
--color-eagle-950: #2d1800;
--color-puff-of-pink: #fec9e9;
--color-puff-of-pink-50: #fff4fa;
--color-puff-of-pink-100: #ffe6f5;
--color-puff-of-pink-200: #fec9e9;
--color-puff-of-pink-300: #e1b5cf;
--color-puff-of-pink-400: #c393b0;
--color-puff-of-pink-500: #a77794;
--color-puff-of-pink-600: #8a5c79;
--color-puff-of-pink-700: #704760;
--color-puff-of-pink-800: #59354c;
--color-puff-of-pink-900: #45273b;
--color-puff-of-pink-950: #2d1725;
--color-fennel-fiesta: #00b977;
--color-fennel-fiesta-50: #d6ffe6;
--color-fennel-fiesta-100: #acfed0;
--color-fennel-fiesta-200: #89ecb7;
--color-fennel-fiesta-300: #5fd79b;
--color-fennel-fiesta-400: #00b977;
--color-fennel-fiesta-500: #009a62;
--color-fennel-fiesta-600: #007d4f;
--color-fennel-fiesta-700: #00633e;
--color-fennel-fiesta-800: #004e30;
--color-fennel-fiesta-900: #003d24;
--color-fennel-fiesta-950: #002715;
--color-sultan-of-pink: #eaa0cb;
--color-sultan-of-pink-50: #ffecf6;
--color-sultan-of-pink-100: #ffdbef;
--color-sultan-of-pink-200: #f9bedf;
--color-sultan-of-pink-300: #eaa0cb;
--color-sultan-of-pink-400: #c883ac;
--color-sultan-of-pink-500: #ad6891;
--color-sultan-of-pink-600: #915077;
--color-sultan-of-pink-700: #773c60;
--color-sultan-of-pink-800: #602d4d;
--color-sultan-of-pink-900: #4d213c;
--color-sultan-of-pink-950: #321226;
}
Similar palettes
- 00475B9B430000B27DFFA4D9A4FFE3Nocturnal Expedition to Hello Winter
- EAC6FF61E35A48B735AC4B00005980003D54Neon Boneyard to Maniac Mansion
- AA6B4A80A16BECD1FC883B96F0C29E004262Stroopwafel to Maniac Mansion
- 00528094636EE3B0BC92B67822334EGrand Bleu to Midnight Masquerade
- 2E22473D346B605F27549D80DA9ABCF4CEDFMidnight Velvet to Ballerina
- F2BBC664B2B48F8660137D7A474C77282A40Berries N’ Cream to Midnight Masquerade
- 1F5163A766477AB39E141F19F1CDE2Shadow of Night to Sweet Dreams
- 9F607AD7B9EB36AC773E6540FFD3E4443762Cinnapink to Storm Is Coming