#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#1B1F3BInk
#6A4A60Eggplant
#A64942Sienna
#7EBB2EKelly Green
Citrus Kelly Green & Sienna is a dark, complementary color palette tagged dark, green. Near-complementary hues (about 147° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Ink | #1B1F3B | rgb(27, 31, 59) | hsl(233, 37%, 17%) | oklch(25.1% 0.053 276) | |
| Eggplant | #6A4A60 | rgb(106, 74, 96) | hsl(319, 18%, 35%) | oklch(45.2% 0.054 339) | |
| Sienna | #A64942 | rgb(166, 73, 66) | hsl(4, 43%, 45%) | oklch(52.4% 0.124 27) | |
| Kelly Green | #7EBB2E | rgb(126, 187, 46) | hsl(86, 61%, 46%) | oklch(72.4% 0.178 131) |
Why it works and how to use it
With 4 chromatic colors, Sienna takes the lead while the rest support. Lightness runs from 17% to 46%. Well suited to dark-mode interfaces and gaming.
- Background: Kelly Green (#7EBB2E) is the lightest color, so it belongs on large surfaces.
- Text: Ink (#1B1F3B) on #7EBB2E gives 6.92:1, passing WCAG AA.
- Primary: Sienna (#A64942) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Eggplant (#6A4A60) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Kelly Green at 6.92:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Citrus Kelly Green & Sienna
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
#1B1F3B
#6A4A60
#A64942
#7EBB2E
Color-blind check: under protanopia, Eggplant and Sienna 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 |
|---|---|---|---|
#1B1F3B on #7EBB2E | Aa | 6.92:1 | AA |
#6A4A60 on #7EBB2E | Aa | 3.27:1 | AA large only |
#1B1F3B on #A64942 | Aa | 2.8:1 | Fail |
#A64942 on #7EBB2E | Aa | 2.47:1 | Fail |
#1B1F3B on #6A4A60 | Aa | 2.11:1 | Fail |
#6A4A60 on #A64942 | Aa | 1.32:1 | Fail |
Similar palettes 24 more in this mood
#03071E
#0B525B
#1B998B
#C2F970
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#0D1A14
#385645
#6DBF8A
#E8F3EC
#18191A
#4F5052
#B8F53F
#F7F7F5
#002938
#275E83
#FFC0B3
#589C67
#1C1800
#676500
#9C8C35
#E5E4A2
#F0F3FC
#00C458
#4C5774
#090D18
#180201
#514949
#208C00
#DEDEDE
#0D0221
#5A189A
#39FF14
#FF8C00
#240046
#6021A1
#009558
#FF9E00
#05070B
#00576A
#576E84
#00B579
#99F177
#B5FFB2
#6F3671
#270A28
#06032E
#5B3CD0
#C6B7FF
#62F3AE
#1E3033
#456578
#98BD9B
#F4FFE6
#131821
#006439
#B6101C
#EEC215
#08051D
#174F63
#04979E
#9DFFA1
#0E0E14
#4A4E6A
#C8CCE0
#00B974
#2B2B2B
#4A4A4A
#A6E22E
#F5F5F5
#012C1C
#3AA274
#C9D4D0
#A80039
#F5FBF9
#D4E3DE
#374B00
#0A1100
#3B2314
#6B4530
#A8D5BA
#F1F7F3
#F5F5F5
#CBCBCB
#3A5400
#2B2B2B
#050B10
#2C3A51
#98FFB1
#FF4E63