Black Velvet to Sablé color palette
About this palette
Black Velvet to Sablé is a 6-color muted, earthy, vintage, gradient palette: #24222F (Black Velvet), #2E4554 (One Year of Rain), #6C7756 (Dill), #979A60 (Vitality), #DFBBA7 (Prosciutto), #F5D7C5 (Sablé). It mixes gray, blue, green, yellow, orange tones and feels warm overall. The strongest text pairing is #24222F on #F5D7C5 with a contrast ratio of 11.46:1, and 5 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Black Velvet | rgb(36, 34, 47) | hsl(249, 16%, 16%) | |
| One Year of Rain | rgb(46, 69, 84) | hsl(204, 29%, 25%) | |
| Dill | rgb(108, 119, 86) | hsl(80, 16%, 40%) | |
| Vitality | rgb(151, 154, 96) | hsl(63, 23%, 49%) | |
| Prosciutto | rgb(223, 187, 167) | hsl(21, 47%, 76%) | |
| Sablé | rgb(245, 215, 197) | hsl(22, 71%, 87%) |
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.
- Aa11.46:1 #24222F on #F5D7C5
- Aa11.46:1 #F5D7C5 on #24222F
- Aa8.78:1 #24222F on #DFBBA7
- Aa8.78:1 #DFBBA7 on #24222F
- Aa7.35:1 #2E4554 on #F5D7C5
- Aa7.35:1 #F5D7C5 on #2E4554
- Aa5.63:1 #2E4554 on #DFBBA7
- Aa5.63:1 #DFBBA7 on #2E4554
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Black Velvet to Sablé — https://swatchly.xyz/palette/24222f-2e4554-6c7756-979a60-dfbba7-f5d7c5 */
:root {
--black-velvet: #24222f;
--one-year-of-rain: #2e4554;
--dill: #6c7756;
--vitality: #979a60;
--prosciutto: #dfbba7;
--sabl: #f5d7c5;
}
Tailwind CSS v4
/* Black Velvet to Sablé — https://swatchly.xyz/palette/24222f-2e4554-6c7756-979a60-dfbba7-f5d7c5 */
@theme {
--color-black-velvet: #24222f;
--color-black-velvet-50: #f5f4fe;
--color-black-velvet-100: #ebeaf5;
--color-black-velvet-200: #d7d6e3;
--color-black-velvet-300: #c1bfce;
--color-black-velvet-400: #a19faf;
--color-black-velvet-500: #878595;
--color-black-velvet-600: #6e6b7b;
--color-black-velvet-700: #585664;
--color-black-velvet-800: #464450;
--color-black-velvet-900: #373540;
--color-black-velvet-950: #24222f;
--color-one-year-of-rain: #2e4554;
--color-one-year-of-rain-50: #ecf7ff;
--color-one-year-of-rain-100: #ddeefa;
--color-one-year-of-rain-200: #c7dbe8;
--color-one-year-of-rain-300: #aec4d4;
--color-one-year-of-rain-400: #8ca5b6;
--color-one-year-of-rain-500: #718a9b;
--color-one-year-of-rain-600: #576f7f;
--color-one-year-of-rain-700: #425866;
--color-one-year-of-rain-800: #2e4554;
--color-one-year-of-rain-900: #25353f;
--color-one-year-of-rain-950: #152128;
--color-dill: #6c7756;
--color-dill-50: #f1f9e4;
--color-dill-100: #e8f0da;
--color-dill-200: #d5dec4;
--color-dill-300: #bfc9ab;
--color-dill-400: #a0ab8a;
--color-dill-500: #85916f;
--color-dill-600: #6c7756;
--color-dill-700: #555f41;
--color-dill-800: #414a30;
--color-dill-900: #323922;
--color-dill-950: #1e2313;
--color-vitality: #979a60;
--color-vitality-50: #f1f4d1;
--color-vitality-100: #e5e8c1;
--color-vitality-200: #d0d3a4;
--color-vitality-300: #b8bb86;
--color-vitality-400: #979a60;
--color-vitality-500: #7e8148;
--color-vitality-600: #666831;
--color-vitality-700: #525321;
--color-vitality-800: #404215;
--color-vitality-900: #33340c;
--color-vitality-950: #202105;
--color-prosciutto: #dfbba7;
--color-prosciutto-50: #fff4ee;
--color-prosciutto-100: #ffe8db;
--color-prosciutto-200: #eed4c5;
--color-prosciutto-300: #dfbba7;
--color-prosciutto-400: #bd9c89;
--color-prosciutto-500: #a1806d;
--color-prosciutto-600: #856553;
--color-prosciutto-700: #6b4f3f;
--color-prosciutto-800: #553c2e;
--color-prosciutto-900: #422d21;
--color-prosciutto-950: #2a1b13;
--color-sabl: #f5d7c5;
--color-sabl-50: #fff8f4;
--color-sabl-100: #feede2;
--color-sabl-200: #f5d7c5;
--color-sabl-300: #d9c1b2;
--color-sabl-400: #ba9f8f;
--color-sabl-500: #9e8372;
--color-sabl-600: #816758;
--color-sabl-700: #685142;
--color-sabl-800: #523d31;
--color-sabl-900: #402f24;
--color-sabl-950: #281c15;
}
Similar palettes
- 444061607952301F278D9C74DDB8D1E5EBFFGenie to Cotton Boll
- 32262C494A56697D5E92A691DAC5D0F7F7FFSmoky Charcoal to Ghost White
- 1D26362F3C65864F2E849866AEC08CF4CBB5Moonless Mystery to Bellini
- FDE2CE9C7F6AB2BBA720232C363F53Acropolis to Dark & Stormy
- D8DDBCB5BB9A8997716D627F423C4E2A2231Planet Earth to Black Velvet
- 8A77658AA29CD5C0C62E4959202A29Mink to Bitter Liquorice
- C4A695231C2B234A40EDD3BE607F79Cashmere Clay to Underwater World
- EDC8CCBD9DA1788B9E676E5538454E23291ESalmon Flush to Bitter Liquorice