#3EF58F
#7DCD20
#00BFC0
#00A78A
#00B0CACyan
#79D213Kelly Green
#00ED9DEucalyptus
#58FDEEAqua
Kelly Green & Eucalyptus Breeze is a vivid split color palette tagged summer, vibrant, cold. A split scheme: Cyan plays against Aqua across roughly 100° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Cyan | #00B0CA | rgb(0, 176, 202) | hsl(188, 100%, 40%) | oklch(69.6% 0.122 213) | |
| Kelly Green | #79D213 | rgb(121, 210, 19) | hsl(88, 83%, 45%) | oklch(77.7% 0.217 134) | |
| Eucalyptus | #00ED9D | rgb(0, 237, 157) | hsl(160, 100%, 46%) | oklch(83.5% 0.189 160) | |
| Aqua | #58FDEE | rgb(88, 253, 238) | hsl(175, 98%, 67%) | oklch(90.6% 0.137 186) |
Why it works and how to use it
It works because the lightness steps are gentle (40% to 67%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Aqua (#58FDEE) is the lightest color, so it belongs on large surfaces.
- Text: Cyan (#00B0CA) on #58FDEE gives 2.07:1, so pair it with a darker neutral for body copy.
- Primary: Eucalyptus (#00ED9D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Kelly Green (#79D213) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Kelly Green & Eucalyptus Breeze
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
#00B0CA
#79D213
#00ED9D
#58FDEE
Color-blind check: under tritanopia, Eucalyptus and Aqua become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#00B0CA on #58FDEE | Aa | 2.07:1 | Fail |
#00B0CA on #00ED9D | Aa | 1.69:1 | Fail |
#79D213 on #58FDEE | Aa | 1.51:1 | Fail |
#00B0CA on #79D213 | Aa | 1.37:1 | Fail |
#79D213 on #00ED9D | Aa | 1.23:1 | Fail |
#00ED9D on #58FDEE | Aa | 1.23:1 | Fail |
Similar palettes 24 more in this mood
#00C184
#64D2FC
#A9D875
#3DEEEC
#92A026
#39C137
#33CFA4
#2EDEE0
#74E1CF
#DDCA2D
#5FC588
#82B03D
#968300
#40B35C
#8EB22C
#00FDCF
#5AA2D9
#8BB1FF
#00CED9
#5ED8FF
#7CEAE6
#35D7FF
#74BDFD
#788BF6
#90EBAA
#40B5B3
#4183B9
#F6F9EE
#A4DCFF
#60D7D5
#00AF8D
#00A4BF
#00C187
#00C7C5
#94C173
#9DE4FF
#00ABAA
#59BCFF
#00D7FF
#00E5B5
#90D241
#DCC321
#FFBC70
#00FBAF
#00AECD
#20B7FF
#42E1C0
#71EFF0
#736F00
#008F72
#938F00
#E3F6EF
#00B58C
#AAC800
#F7D000
#87F88C
#B5E48C
#52B69A
#168AAD
#F6F9EE
#589DFF
#03BA89
#88DCFF
#01F1F4
#00C268
#64F699
#FFC8BB
#CFD9FF
#0077B6
#00B4D8
#90E0EF
#CAF0F8
#FFB703
#FB8500
#219EBC
#8ECAE6
#F94144
#F3722C
#F9C74F
#90BE6D
#E16700
#D98900
#D5D65B
#67C48E
#54C3C7
#2DCCFF
#9BCAFF
#7AF0CE
#F1215C
#E0684D
#D29000
#FFD2B5