Hint of Orange to Sombrero color palette
About this palette
Hint of Orange to Sombrero is a 6-color muted, warm, earthy palette: #F9E5D8 (Hint of Orange), #D2B8AB (Mothy), #745F50 (Heavy Brown), #947769 (Whisky Barrel), #422F22 (Cola), #B09E92 (Sombrero). It mixes white, orange, brown, gray tones and feels warm overall. The strongest text pairing is #F9E5D8 on #422F22 with a contrast ratio of 10.37:1, and 4 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Hint of Orange | rgb(249, 229, 216) | hsl(24, 73%, 91%) | |
| Mothy | rgb(210, 184, 171) | hsl(20, 30%, 75%) | |
| Heavy Brown | rgb(116, 95, 80) | hsl(25, 18%, 38%) | |
| Whisky Barrel | rgb(148, 119, 105) | hsl(20, 17%, 50%) | |
| Cola | rgb(66, 47, 34) | hsl(24, 32%, 20%) | |
| Sombrero | rgb(176, 158, 146) | hsl(24, 16%, 63%) |
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.
- Aa10.37:1 #F9E5D8 on #422F22
- Aa10.37:1 #422F22 on #F9E5D8
- Aa6.73:1 #D2B8AB on #422F22
- Aa6.73:1 #422F22 on #D2B8AB
- Aa4.93:1 #F9E5D8 on #745F50
- Aa4.93:1 #745F50 on #F9E5D8
- Aa4.91:1 #422F22 on #B09E92
- Aa4.91:1 #B09E92 on #422F22
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Hint of Orange to Sombrero — https://swatchly.xyz/palette/f9e5d8-d2b8ab-745f50-947769-422f22-b09e92 */
:root {
--hint-of-orange: #f9e5d8;
--mothy: #d2b8ab;
--heavy-brown: #745f50;
--whisky-barrel: #947769;
--cola: #422f22;
--sombrero: #b09e92;
}
Tailwind CSS v4
/* Hint of Orange to Sombrero — https://swatchly.xyz/palette/f9e5d8-d2b8ab-745f50-947769-422f22-b09e92 */
@theme {
--color-hint-of-orange: #f9e5d8;
--color-hint-of-orange-50: #fcf1ea;
--color-hint-of-orange-100: #f9e5d8;
--color-hint-of-orange-200: #e2d3c9;
--color-hint-of-orange-300: #cdbcb1;
--color-hint-of-orange-400: #af9d91;
--color-hint-of-orange-500: #948276;
--color-hint-of-orange-600: #79685d;
--color-hint-of-orange-700: #615248;
--color-hint-of-orange-800: #4d3f37;
--color-hint-of-orange-900: #3b3029;
--color-hint-of-orange-950: #251d18;
--color-mothy: #d2b8ab;
--color-mothy-50: #fff0e9;
--color-mothy-100: #f6e5dd;
--color-mothy-200: #e5d0c6;
--color-mothy-300: #d2b8ab;
--color-mothy-400: #b2998d;
--color-mothy-500: #977f72;
--color-mothy-600: #7c6559;
--color-mothy-700: #644f45;
--color-mothy-800: #4f3e34;
--color-mothy-900: #3e2f27;
--color-mothy-950: #271c17;
--color-heavy-brown: #745f50;
--color-heavy-brown-50: #fff2ea;
--color-heavy-brown-100: #f6e6db;
--color-heavy-brown-200: #e3d0c4;
--color-heavy-brown-300: #cdb8a9;
--color-heavy-brown-400: #ad9787;
--color-heavy-brown-500: #907a6b;
--color-heavy-brown-600: #745f50;
--color-heavy-brown-700: #5d4b3e;
--color-heavy-brown-800: #493a2f;
--color-heavy-brown-900: #392c23;
--color-heavy-brown-950: #241b14;
--color-whisky-barrel: #947769;
--color-whisky-barrel-50: #fff0e9;
--color-whisky-barrel-100: #f8e3d9;
--color-whisky-barrel-200: #e6cdc2;
--color-whisky-barrel-300: #d0b5a7;
--color-whisky-barrel-400: #b19385;
--color-whisky-barrel-500: #947769;
--color-whisky-barrel-600: #7a5f51;
--color-whisky-barrel-700: #624a3e;
--color-whisky-barrel-800: #4e392f;
--color-whisky-barrel-900: #3e2c23;
--color-whisky-barrel-950: #281b15;
--color-cola: #422f22;
--color-cola-50: #fff2ea;
--color-cola-100: #f7e8de;
--color-cola-200: #e6d3c7;
--color-cola-300: #d1bcaf;
--color-cola-400: #b39d8e;
--color-cola-500: #988172;
--color-cola-600: #7d6759;
--color-cola-700: #655145;
--color-cola-800: #503f34;
--color-cola-900: #422f22;
--color-cola-950: #281d17;
--color-sombrero: #b09e92;
--color-sombrero-50: #fef3ec;
--color-sombrero-100: #f5e9e1;
--color-sombrero-200: #e3d5cb;
--color-sombrero-300: #cebeb3;
--color-sombrero-400: #b09e92;
--color-sombrero-500: #948377;
--color-sombrero-600: #79685d;
--color-sombrero-700: #615248;
--color-sombrero-800: #4c4037;
--color-sombrero-900: #3b3029;
--color-sombrero-950: #251d18;
}
Similar palettes
- 35231CFAE5D8AD8E7CD4B7A8614D40937664Wood Bark to Whisky Barrel
- FDE3E3DEBEB2BF968DA06A7476645250391ETutu to Avocado Stone
- 231C156C5A48F4E9DEBDB1A3987D65453B32Dark Orchestra to Batch Brew
- 1F170F3F31258C745AEDD5BC6D6050B29A81Noir Mystique to Incense
- 442C215F474499735EC99B9FCAC2AFFCF4E2English Walnut to Crème de Pêche
- 715F44332D22EEE4D5C6B5975F53429C8561Ochicha Latte to Tahini Brown
- D6BCA2624A47816469433029A38B76FDE4E9Dune to Porcelain Skin
- E4C3B8463834826B63F4E4DEB78E81Mellow Marrow to Ludicrous Lemming