Tropical Leaves
Layered greens with a mango highlight.
Color codes
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(148, 100%, 15%) | cmyk(100%, 0%, 53%, 71%) | |||
| hsl(120, 100%, 22%) | cmyk(100%, 0%, 100%, 55%) | |||
| hsl(101, 100%, 35%) | cmyk(68%, 0%, 100%, 31%) | |||
| hsl(83, 88%, 52%) | cmyk(34%, 0%, 89%, 6%) | |||
| hsl(44, 100%, 52%) | cmyk(0%, 25%, 96%, 0%) |
CSS
:root {
--tropical-leaves-1: #004B23;
--tropical-leaves-2: #007200;
--tropical-leaves-3: #38B000;
--tropical-leaves-4: #9EF01A;
--tropical-leaves-5: #FFBE0B;
}How these colors work together
Its hues are spread widely around the wheel, giving a balanced, varied scheme. Overall it reads cool. Lightness spans 37 points, which sets how much contrast you can create.
2 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is #004B23 on #9EF01A (7.35:1).
Tropical Leaves — readable text using the best pair.
Suggested applications
- Seasonal campaigns, travel and food brands.
- Interface themes: use the lightest color for backgrounds and the darkest for text.
- Brand kits, social graphics and presentations.
Frequently asked questions
How do I use the Tropical Leaves palette?
The Tropical Leaves palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use #004B23 on #9EF01A: it has a contrast ratio of 7.35:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.
More palettes
Watermelon Sorbet#FF595E #FF924C #FDF0D5 #8AC926 #2B9348Citrus Splash#F9C80E #F86624 #EA3546 #662E9B #43BCCDBeach Day#FFD166 #F4A261 #2A9D8F #E9F5DB #264653Frost#F0F8FF #D6E6F2 #A9C6DE #5B84B1 #1C3D5AElectric Night#0D0221 #261447 #FF3864 #2DE2E6 #F6019DSilver Morning#F7F9FB #E1E6EB #B8C2CC #7A8794 #3E4A56