#FF6B6B
#FFD93D
#6BCB77
#4D96FF
#004B23Evergreen
#007200Forest
#38B000Kelly Green
#B4D8FFPeriwinkle
Kelly Green & Forest Vibe is a vivid dark, split color palette tagged vibrant, green, blue. The hues span about 110°, enough contrast to create a focal point without the harshness of true complements. These are bold, punchy colors that need generous white space around them.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Evergreen | #004B23 | rgb(0, 75, 35) | hsl(148, 100%, 15%) | oklch(36.2% 0.095 152) | |
| Forest | #007200 | rgb(0, 114, 0) | hsl(120, 100%, 22%) | oklch(47.8% 0.163 142) | |
| Kelly Green | #38B000 | rgb(56, 176, 0) | hsl(101, 100%, 35%) | oklch(66.4% 0.213 140) | |
| Periwinkle | #B4D8FF | rgb(180, 216, 255) | hsl(211, 100%, 85%) | oklch(86.9% 0.066 251) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (85% down to 15% lightness). A natural fit for dark-mode interfaces and gaming.
- Background: Periwinkle (#B4D8FF) is the lightest color, so it belongs on large surfaces.
- Text: Evergreen (#004B23) on #B4D8FF gives 7:1, passing WCAG AAA.
- Primary: Forest (#007200) is the most saturated mid-tone; use it for buttons and links (4.17:1 against the background, fine for UI elements).
- Accent: Kelly Green (#38B000) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Evergreen on Periwinkle at 7:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Kelly Green & Forest Vibe
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#004B23
#007200
#38B000
#B4D8FF
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#004B23 on #B4D8FF | Aa | 7:1 | AAA |
#007200 on #B4D8FF | Aa | 4.17:1 | AA large only |
#004B23 on #38B000 | Aa | 3.63:1 | AA large only |
#007200 on #38B000 | Aa | 2.17:1 | Fail |
#38B000 on #B4D8FF | Aa | 1.93:1 | Fail |
#004B23 on #007200 | Aa | 1.68:1 | Fail |
Similar palettes 24 more in this mood
#FF595E
#FFCA3A
#8AC926
#1982C4
#8BCBFF
#00ED85
#27DEFF
#01F4DF
#1E00B5
#00D1B5
#DFDE54
#050505
#FFCCBE
#3DFB9E
#C2CCFF
#2FD9A2
#0B3D91
#1E88E5
#00E5A0
#CCFF90
#004B23
#007200
#38B000
#9EF01A
#FFB703
#FB8500
#219EBC
#8ECAE6
#F72585
#7209B7
#3A0CA3
#4CC9F0
#B22222
#165B33
#F8B229
#FFFFFF
#F94144
#F3722C
#F9C74F
#90BE6D
#692390
#5E6891
#4194F1
#DBD6FF
#00B0CA
#79D213
#00ED9D
#58FDEE
#1F3C00
#2E6E00
#85B400
#C2F177
#E16700
#D98900
#D5D65B
#67C48E
#001A16
#00B6AE
#40D654
#C4F328
#E488D8
#FF6B9F
#7385DE
#5D009C
#2D00F7
#00F5D4
#F9F871
#111111
#A630C1
#755EF5
#7ABCFF
#80E6FF
#EF476F
#FFD166
#06D6A0
#118AB2
#0ACAF9
#00C5C1
#005BAE
#4C37A8
#004381
#0073C6
#008EE6
#9BCCFF
#FEA2FF
#6CC9FF
#9E72F2
#5A85FF
#397700
#C88C00
#BCB600
#FFC9AC