Huehive Logo

HueHive
Login | Signup

Use The Following Colors As The Base Palette: #F5 F0 E7 (Off White) #5 D5852 (Stone Grey) #65 A9 A3 (Dusty Teal) #Da8 F7 B (Warm Coral) #E7 Ded1 (Beige Tint) Now Generate 3 Additional Colors That: Visually Complement This Warm, Soft Style Add New Hue Variety (Avoid More Beige, Brown Or Teal Tones) Include One Natural Warm Green, Ideal For Use As A Positive Signal Color In Dashboards Include One Contrasting Accent Color, Such As A Muted Violet, Powder Blue Or Dusty Amber Optionally Include One Neutral Functional Tone, Suitable For Outlines, Targets Or Hover States All Colors Should Maintain Visual Balance And Accessibility (Including For Color Blindness), And Work Well In Modern Bi Dashboards With Soft, Rounded Ui Design.

Open Book #F4F1E6
Bark #5D5852
Paradise Island #65A9A3
Nude Flamingo #DA8F7B
Shōji #D8CFC4
Isle of Dreams #B3C8B6
Molten Gold #E2C48D
Neon Violet #6F4C7A
White #FFFFFF
Pastel Red #FF6F61
Humble Blush #E6CFC4
Muted Purple #8B5B8A
Mintnight #78B7B0
Acoustic Brown #7A6E6A
Fizz #A8D9A2
Golden Hour #F0B34C
Homeopathic Orange #F2E6E0
Whiskey and Wine #4A4743
Highlands #4B8B80
Indian Mesa #D39B8A
Cozy Wool #D1BBA0
Misty Morning #A8C0B0
Muted Lime #D2C56B
Black Magic #5C4A5A
#F4F1E6 Open Book
#5D5852 Bark
#65A9A3 Paradise Island
#DA8F7B Nude Flamingo
#D8CFC4 Shōji
#B3C8B6 Isle of Dreams
#E2C48D Molten Gold
#6F4C7A Neon Violet
#FFFFFF White
#FF6F61 Pastel Red
#E6CFC4 Humble Blush
#8B5B8A Muted Purple
#78B7B0 Mintnight
#7A6E6A Acoustic Brown
#A8D9A2 Fizz
#F0B34C Golden Hour
#F2E6E0 Homeopathic Orange
#4A4743 Whiskey and Wine
#4B8B80 Highlands
#D39B8A Indian Mesa
#D1BBA0 Cozy Wool
#A8C0B0 Misty Morning
#D2C56B Muted Lime
#5C4A5A Black Magic

Use the following colors as the base palette: #F5F0E7 (Off White) #5D5852 (Stone Grey) #65A9A3 (Dusty Teal) #DA8F7B (Warm Coral) #E7DED1 (Beige Tint) Now generate 3 additional colors that: Visually complement this warm, soft style Add new hue variety (avoid more beige, brown or teal tones) Include one natural warm green, ideal for use as a positive signal color in dashboards Include one contrasting accent color, such as a muted violet, powder blue or dusty amber Optionally include one neutral functional tone, suitable for outlines, targets or hover states All colors should maintain visual balance and accessibility (including for color blindness), and work well in modern BI dashboards with soft, rounded UI design.

0

About This Color Palette

Here are the three palettes displayed with color tiles and their names for easy visualization:

1. Warm Harmony with Fresh Accents

| Color Name | Hex Code | Color Sample |
|——————|————|—————|
| White Beach | #F4F1E6 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #F4F1E6;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#F4F1E6</span> </span> |
| Stone Grey | #5D5852 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #5D5852;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#5D5852</span> </span> |
| Muted Teal | #65A9A3 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #65A9A3;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#65A9A3</span> </span> |
| Warm Coral | #DA8F7B | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #DA8F7B;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#DA8F7B</span> </span> |
| Soft Beige | #D8CFC4 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #D8CFC4;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#D8CFC4</span> </span> |
| Muted Sage Green | #B3C8B6 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #B3C8B6;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#B3C8B6</span> </span> |
| Warm Mustard Yellow | #E2C48D | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #E2C48D;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#E2C48D</span> </span> |
| Warm Eggplant | #6F4C7A | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #6F4C7A;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#6F4C7A</span> </span> |

2. Vibrant Harmony with Fresh Accents

| Color Name | Hex Code | Color Sample |
|———————-|————|—————|
| Bright White Beach | #FFFFFF | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #FFFFFF;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#FFFFFF</span> </span> |
| Enhanced Stone Grey | #7A6E6A | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #7A6E6A;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#7A6E6A</span> </span> |
| Vibrant Teal | #78B7B0 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #78B7B0;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#78B7B0</span> </span> |
| Bright Coral | #FF6F61 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #FF6F61;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#FF6F61</span> </span> |
| Rich Beige | #E6CFC4 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #E6CFC4;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#E6CFC4</span> </span> |
| Bright Sage Green | #A8D9A2 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #A8D9A2;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#A8D9A2</span> </span> |
| Vibrant Mustard Yellow | #F0B34C | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #F0B34C;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#F0B34C</span> </span> |
| Lively Eggplant | #8B5B8A | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #8B5B8A;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#8B5B8A</span> </span> |

3. Muted Harmony with Fresh Accents

| Color Name | Hex Code | Color Sample |
|———————-|————|—————|
| Soft White Beach | #F2E6E0 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #F2E6E0;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#F2E6E0</span> </span> |
| Darker Stone Grey | #4A4743 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #4A4743;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#4A4743</span> </span> |
| Muted Teal | #4B8B80 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #4B8B80;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#4B8B80</span> </span> |
| Soft Coral | #D39B8A | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #D39B8A;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#D39B8A</span> </span> |
| Light Warm Beige | #D1BBA0 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #D1BBA0;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#D1BBA0</span> </span> |
| Muted Sage Green | #A8C0B0 | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #A8C0B0;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#A8C0B0</span> </span> |
| Soft Mustard Yellow | #D2C56B | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #D2C56B;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#D2C56B</span> </span> |
| Muted Eggplant | #5C4A5A | <span class='tw-inline-flex tw-items-center tw-space-x-1'> <span class='tw-w-4 tw-h-4 tw-rounded-sm' style='background-color: #5C4A5A;'></span> <span class='tw-font-semibold tw-text-indigo-600'>#5C4A5A</span> </span> |

Summary:

  • Warm Harmony with Fresh Accents: The original palette with harmonious and warm colors.
  • Vibrant Harmony with Fresh Accents: A brighter, more saturated version for dynamic visuals.
  • Muted Harmony with Fresh Accents: A softer, subdued version for a calm aesthetic.

Would you like to explore anything further or make any adjustments?

What would you like to do?

Search Other Palettes

Explore thousands of color palettes

Create New Palette

Generate a custom palette from scratch

Update Your Palette

Current Palette

Open Book
Bark
Paradise Island
Nude Flamingo
Shōji
Isle of Dreams
Molten Gold
Neon Violet
White
Pastel Red
Humble Blush
Muted Purple
Mintnight
Acoustic Brown
Fizz
Golden Hour
Homeopathic Orange
Whiskey and Wine
Highlands
Indian Mesa
Cozy Wool
Misty Morning
Muted Lime
Black Magic

Use the following colors as the base palette: #F5F0E7 (Off White) #5D5852 (Stone Grey) #65A9A3 (Dusty Teal) #DA8F7B (Warm Coral) #E7DED1 (Beige Tint) Now generate 3 additional colors that: Visually complement this warm, soft style Add new hue variety (avoid more beige, brown or teal tones) Include one natural warm green, ideal for use as a positive signal color in dashboards Include one contrasting accent color, such as a muted violet, powder blue or dusty amber Optionally include one neutral functional tone, suitable for outlines, targets or hover states All colors should maintain visual balance and accessibility (including for color blindness), and work well in modern BI dashboards with soft, rounded UI design.

Try these examples: