Oceanic Noir to Smell the Mint color palette
About this palette
Oceanic Noir to Smell the Mint is a 5-color warm palette: #002E38 (Oceanic Noir), #882468 (Bane of Royalty), #C8573F (Cedar Chest), #FF8DE6 (Pink Elephants), #CAF9D0 (Smell the Mint). It mixes blue, red, pink, green tones and feels warm overall. The strongest text pairing is #002E38 on #CAF9D0 with a contrast ratio of 12.41:1, and 3 of its 10 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Oceanic Noir | rgb(0, 46, 56) | hsl(191, 100%, 11%) | |
| Bane of Royalty | rgb(136, 36, 104) | hsl(319, 58%, 34%) | |
| Cedar Chest | rgb(200, 87, 63) | hsl(11, 55%, 52%) | |
| Pink Elephants | rgb(255, 141, 230) | hsl(313, 100%, 78%) | |
| Smell the Mint | rgb(202, 249, 208) | hsl(128, 80%, 88%) |
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.
- Aa12.41:1 #002E38 on #CAF9D0
- Aa12.41:1 #CAF9D0 on #002E38
- Aa7.19:1 #882468 on #CAF9D0
- Aa7.19:1 #CAF9D0 on #882468
- Aa7.05:1 #002E38 on #FF8DE6
- Aa7.05:1 #FF8DE6 on #002E38
- Aa4.08:1 #882468 on #FF8DE6
- Aa4.08:1 #FF8DE6 on #882468
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Oceanic Noir to Smell the Mint — https://swatchly.xyz/palette/002e38-882468-c8573f-ff8de6-caf9d0 */
:root {
--oceanic-noir: #002e38;
--bane-of-royalty: #882468;
--cedar-chest: #c8573f;
--pink-elephants: #ff8de6;
--smell-the-mint: #caf9d0;
}
Tailwind CSS v4
/* Oceanic Noir to Smell the Mint — https://swatchly.xyz/palette/002e38-882468-c8573f-ff8de6-caf9d0 */
@theme {
--color-oceanic-noir: #002e38;
--color-oceanic-noir-50: #e5f9ff;
--color-oceanic-noir-100: #d5f1f9;
--color-oceanic-noir-200: #bddee7;
--color-oceanic-noir-300: #a3c8d3;
--color-oceanic-noir-400: #80a9b5;
--color-oceanic-noir-500: #66909c;
--color-oceanic-noir-600: #4e7782;
--color-oceanic-noir-700: #3b616c;
--color-oceanic-noir-800: #2c4f58;
--color-oceanic-noir-900: #214048;
--color-oceanic-noir-950: #002e38;
--color-bane-of-royalty: #882468;
--color-bane-of-royalty-50: #fff0f8;
--color-bane-of-royalty-100: #ffe1f2;
--color-bane-of-royalty-200: #ffc2e5;
--color-bane-of-royalty-300: #fb9dd6;
--color-bane-of-royalty-400: #de78b7;
--color-bane-of-royalty-500: #c15a9c;
--color-bane-of-royalty-600: #a23f7f;
--color-bane-of-royalty-700: #882468;
--color-bane-of-royalty-800: #6b1c51;
--color-bane-of-royalty-900: #551140;
--color-bane-of-royalty-950: #370728;
--color-cedar-chest: #c8573f;
--color-cedar-chest-50: #fff0ec;
--color-cedar-chest-100: #ffe1da;
--color-cedar-chest-200: #ffc3b5;
--color-cedar-chest-300: #ff9f89;
--color-cedar-chest-400: #e7765d;
--color-cedar-chest-500: #c8573f;
--color-cedar-chest-600: #a93e27;
--color-cedar-chest-700: #8c2a16;
--color-cedar-chest-800: #721c09;
--color-cedar-chest-900: #5c1203;
--color-cedar-chest-950: #3d0701;
--color-pink-elephants: #ff8de6;
--color-pink-elephants-50: #ffecfa;
--color-pink-elephants-100: #ffdbf5;
--color-pink-elephants-200: #ffb9ed;
--color-pink-elephants-300: #ff8de6;
--color-pink-elephants-400: #dc70c5;
--color-pink-elephants-500: #c053aa;
--color-pink-elephants-600: #a2398e;
--color-pink-elephants-700: #862575;
--color-pink-elephants-800: #6d165e;
--color-pink-elephants-900: #570b4b;
--color-pink-elephants-950: #390331;
--color-smell-the-mint: #caf9d0;
--color-smell-the-mint-50: #e3fde6;
--color-smell-the-mint-100: #caf9d0;
--color-smell-the-mint-200: #c0e2c4;
--color-smell-the-mint-300: #a6ccab;
--color-smell-the-mint-400: #83ae89;
--color-smell-the-mint-500: #67936e;
--color-smell-the-mint-600: #4e7754;
--color-smell-the-mint-700: #3a6040;
--color-smell-the-mint-800: #2a4b30;
--color-smell-the-mint-900: #1e3a23;
--color-smell-the-mint-950: #102514;
}
Similar palettes
- 00443A94265CBE7090EC99CFB9F6D6Botanical Night to Smell the Mint
- 0033398C1F3BB45C5AABA4F4E2E796Elite Teal to Sassy Lime
- 00443F960054C5618887FDDAF585AEBotanical Night to Pinky
- E9FFF0FF94CB53A87CA3407666234A00321FSnow White to Pitch-Black Forests
- 3219238E2764B96688EEAAD0FFF4F8Black Cherry to Walkie Chalkie
- 351C3500B69BB5FCE5A45D53F5A1A75C3E67Nightly Voyager to Haunted Candelabra
- 00385A913060929B39EB9EC7F5FDE0Poseidon to Milk Foam
- CFAAAB022E2BC6EBE7BA6E6B623E46La Vie en Rose to Plum Intended