Forest Hues
#4A6C6F
#846C5B
#C2A790
#F1F0CC
#FBFADA
How to use this palette
CSS Variables
:root {
--color-1: #4A6C6F;
--color-2: #846C5B;
--color-3: #C2A790;
--color-4: #F1F0CC;
--color-5: #FBFADA;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
palette: {
'1': '#4A6C6F',
'2': '#846C5B',
'3': '#C2A790',
'4': '#F1F0CC',
'5': '#FBFADA'
}
}
}
}
}Palette Information
- Name
- Forest Hues
- ID
- forest-hues
- Categories
- Natural, Earthy, Muted
- Number of Colors
- 5
Natural
Earthy
Muted