Huehive Logo

HueHive

Const Tint Color = '#2f95dc'; Export Default { Tint Color, Tab Icon Default: '#Ccc', Tab Icon Selected: Tint Color, Tab Bar: '#Fefefe', Error Background: 'Red', Error Text: '#Fff', Warning Background: '#Eaeb5 E', Warning Text: '#666804', Notice Background: Tint Color, Notice Text: '#Fff', Primary: '#F1544d', Primary Dark: '#C94740', Text: '#Fff', Accent: '#F0d04c', Grey: '#888', Dark Grey: '#333', Light Grey: '#Eee', White: '#Fff', Black: '#000', Faded Black: 'Rgba(0, 0, 0, .5)', Background Color: '#F2f2f2', Fab Primary: '#Ff6f00' }; This Is My Colors List In The App. Suggest A Gradiant From Dark To Light Based On Primary Colors

Primary Dark #c94740
Primary #f1544d
Light Primary #f89f9b
Extra Light Primary #fcd8d6
#c94740 Primary Dark
#f1544d Primary
#f89f9b Light Primary
#fcd8d6 Extra Light Primary

const tintColor = '#2f95dc'; export default { tintColor, tabIconDefault: '#ccc', tabIconSelected: tintColor, tabBar: '#fefefe', errorBackground: 'red', errorText: '#fff', warningBackground: '#EAEB5E', warningText: '#666804', noticeBackground: tintColor, noticeText: '#fff', primary: '#f1544d', primaryDark: '#c94740', text: '#fff', accent: '#f0d04c', grey: '#888', darkGrey: '#333', lightGrey: '#eee', white: '#fff', black: '#000', fadedBlack: 'rgba(0, 0, 0, .5)', backgroundColor: '#f2f2f2', fabPrimary: '#ff6f00' }; This is my Colors list in the app. Suggest a gradiant from dark to light based on primary colors

About This Color Palette

 <Primary Gradient from Dark to Light>
1. Primary Dark - 
                            
                            #c94740
                         - Dark primary color
2. Primary - 
                            
                            #f1544d
                         - Primary color
3. Light Primary - 
                            
                            #f89f9b
                         - Light primary color
4. Extra Light Primary - 
                            
                            #fcd8d6
                         - Extra light primary color

This color palette is based on a gradient from dark to light primary colors.

Do you have a preference for the number of colors in the gradient or any specific color stops you would like to include?

What would you like to do?

Other Similar Palettes

#a20027
#c4002a
#d65a76
#f2a3a8
#003366
#0056a6
#007bbf
#66c2ef
#004d00
#66b3a1
#ccf2e5
#4b0031
#6a0dad
#b19cd9
#e0d3e8
#4a4a4a
#a0a0a0
#d3d3d3
#f9f9f9
#007f00
#B32D4A
#F2C6D4
#6A4C93
#E2D8E7
#A8E6CF
#F6A6C9
#F5F5FA
#D19A8A
#C9B6FF
#D8E2F5
#FFD6E8
#1B1B28
#003300
#005500
#007700
#009900
#33CC33
#66FF66
#99FF99
#CCFFCC

Update Your Palette

Current Palette

Primary Dark
Primary
Light Primary
Extra Light Primary

const tintColor = '#2f95dc'; export default { tintColor, tabIconDefault: '#ccc', tabIconSelected: tintColor, tabBar: '#fefefe', errorBackground: 'red', errorText: '#fff', warningBackground: '#EAEB5E', warningText: '#666804', noticeBackground: tintColor, noticeText: '#fff', primary: '#f1544d', primaryDark: '#c94740', text: '#fff', accent: '#f0d04c', grey: '#888', darkGrey: '#333', lightGrey: '#eee', white: '#fff', black: '#000', fadedBlack: 'rgba(0, 0, 0, .5)', backgroundColor: '#f2f2f2', fabPrimary: '#ff6f00' }; This is my Colors list in the app. Suggest a gradiant from dark to light based on primary colors

Try these examples: