Shot in the Dark to Freezy Breezy color palette
About this palette
Shot in the Dark to Freezy Breezy is a 5-color cool, vintage palette: #1F0E1C (Shot in the Dark), #744141 (Wine Cellar), #4F931C (Grass Is Greener), #97C298 (Irish Spring), #A1EEF0 (Freezy Breezy). It mixes black, red, green, turquoise tones and feels cool overall. The strongest text pairing is #1F0E1C on #A1EEF0 with a contrast ratio of 14.06:1, and 4 of its 10 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Shot in the Dark | rgb(31, 14, 28) | hsl(311, 38%, 9%) | |
| Wine Cellar | rgb(116, 65, 65) | hsl(0, 28%, 35%) | |
| Grass Is Greener | rgb(79, 147, 28) | hsl(94, 68%, 34%) | |
| Irish Spring | rgb(151, 194, 152) | hsl(121, 26%, 68%) | |
| Freezy Breezy | rgb(161, 238, 240) | hsl(182, 72%, 79%) |
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.
- Aa14.06:1 #1F0E1C on #A1EEF0
- Aa14.06:1 #A1EEF0 on #1F0E1C
- Aa9.22:1 #1F0E1C on #97C298
- Aa9.22:1 #97C298 on #1F0E1C
- Aa6.21:1 #744141 on #A1EEF0
- Aa6.21:1 #A1EEF0 on #744141
- Aa4.85:1 #1F0E1C on #4F931C
- Aa4.85:1 #4F931C on #1F0E1C
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Shot in the Dark to Freezy Breezy — https://swatchly.xyz/palette/1f0e1c-744141-4f931c-97c298-a1eef0 */
:root {
--shot-in-the-dark: #1f0e1c;
--wine-cellar: #744141;
--grass-is-greener: #4f931c;
--irish-spring: #97c298;
--freezy-breezy: #a1eef0;
}
Tailwind CSS v4
/* Shot in the Dark to Freezy Breezy — https://swatchly.xyz/palette/1f0e1c-744141-4f931c-97c298-a1eef0 */
@theme {
--color-shot-in-the-dark: #1f0e1c;
--color-shot-in-the-dark-50: #fef0fb;
--color-shot-in-the-dark-100: #f5e6f2;
--color-shot-in-the-dark-200: #e4d1df;
--color-shot-in-the-dark-300: #cfbaca;
--color-shot-in-the-dark-400: #b099ab;
--color-shot-in-the-dark-500: #937c8e;
--color-shot-in-the-dark-600: #756070;
--color-shot-in-the-dark-700: #5b4857;
--color-shot-in-the-dark-800: #443541;
--color-shot-in-the-dark-900: #31252f;
--color-shot-in-the-dark-950: #1f0e1c;
--color-wine-cellar: #744141;
--color-wine-cellar-50: #fff1f1;
--color-wine-cellar-100: #ffe4e3;
--color-wine-cellar-200: #f8cac8;
--color-wine-cellar-300: #e5b0af;
--color-wine-cellar-400: #c78f8e;
--color-wine-cellar-500: #aa7272;
--color-wine-cellar-600: #8d5858;
--color-wine-cellar-700: #744141;
--color-wine-cellar-800: #5b3232;
--color-wine-cellar-900: #472526;
--color-wine-cellar-950: #2e1616;
--color-grass-is-greener: #4f931c;
--color-grass-is-greener-50: #e0ffd1;
--color-grass-is-greener-100: #caf9b3;
--color-grass-is-greener-200: #afe693;
--color-grass-is-greener-300: #92d070;
--color-grass-is-greener-400: #6db044;
--color-grass-is-greener-500: #4f931c;
--color-grass-is-greener-600: #3a7800;
--color-grass-is-greener-700: #2d5f00;
--color-grass-is-greener-800: #224b00;
--color-grass-is-greener-900: #193a00;
--color-grass-is-greener-950: #0d2500;
--color-irish-spring: #97c298;
--color-irish-spring-50: #ddf7dd;
--color-irish-spring-100: #cfeccf;
--color-irish-spring-200: #b5d8b6;
--color-irish-spring-300: #97c298;
--color-irish-spring-400: #7ba47c;
--color-irish-spring-500: #628b63;
--color-irish-spring-600: #4b724c;
--color-irish-spring-700: #385c3a;
--color-irish-spring-800: #2a492c;
--color-irish-spring-900: #1f3a21;
--color-irish-spring-950: #112512;
--color-freezy-breezy: #a1eef0;
--color-freezy-breezy-50: #e9ffff;
--color-freezy-breezy-100: #d0fafb;
--color-freezy-breezy-200: #a1eef0;
--color-freezy-breezy-300: #96d3d5;
--color-freezy-breezy-400: #6cb4b6;
--color-freezy-breezy-500: #4b979a;
--color-freezy-breezy-600: #2d7b7d;
--color-freezy-breezy-700: #166264;
--color-freezy-breezy-800: #034c4e;
--color-freezy-breezy-900: #003b3d;
--color-freezy-breezy-950: #002526;
}
Similar palettes
- C3F0F89FC0A7627B626D425B1C1312Icy Breeze to Scandinavian Liquorice
- ACDEDF351828543A4A58813E98A983Opal to Forester
- 97E9C492C1A836956E693D5B412238Ultra Mint to Castro
- 87697F809B855A4556A9BFB2221720D7E8DCSunshone Plum to Splashdown
- C9E5B996B77F5F87479449BF63357C28162EFrozen Forest to Dark Prom Queen
- 2C1F3AD0E6C555895074473A70BEDDMidnight Velvet to Skydive
- 68465D321A2BD3ACD0319562A8EBCAGrape Fizz to Glaucous Green
- 1D10117432375B6192AB9E509EE1D4Scandinavian Liquorice to Menthol Kiss