Forest Palette
Rich greens inspired by dense forests
Color Swatches
#1B4332rgb(27, 67, 50)
#2D6A4Frgb(45, 106, 79)
#40916Crgb(64, 145, 108)
#52B788rgb(82, 183, 136)
#95D5B2rgb(149, 213, 178)
CSS Variables
:root {
--palette-1: #1B4332;
--palette-2: #2D6A4F;
--palette-3: #40916C;
--palette-4: #52B788;
--palette-5: #95D5B2;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#1B4332",
2: "#2D6A4F",
3: "#40916C",
4: "#52B788",
5: "#95D5B2",
},
},
},
},Usage Suggestions
- • Use as primary/secondary/accent colors in UI components
- • Apply for backgrounds, borders, and text contrast
- • Export to design tools (Figma, Sketch) via hex values
- • Combine with our Color Contrast Checker for accessibility