#FFAF77
#BBDFB3
#D5BAF5
#EDE6D9
#055F00Hunter Green
#669E63Basil
#D066D9Orchid
#F9BCFFMauve
Orchid & Hunter Green Sky is a vivid complementary color palette tagged green, purple. Hunter Green and Mauve sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. 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 |
|---|---|---|---|---|---|
| Hunter Green | #055F00 | rgb(5, 95, 0) | hsl(117, 100%, 19%) | oklch(42.1% 0.142 142) | |
| Basil | #669E63 | rgb(102, 158, 99) | hsl(117, 23%, 50%) | oklch(64.5% 0.104 143) | |
| Orchid | #D066D9 | rgb(208, 102, 217) | hsl(295, 60%, 63%) | oklch(67.8% 0.194 324) | |
| Mauve | #F9BCFF | rgb(249, 188, 255) | hsl(295, 100%, 87%) | oklch(87.2% 0.111 323) |
Why it works and how to use it
With 4 chromatic colors, Orchid takes the lead while the rest support. Lightness runs from 19% to 87%. Well suited to websites, presentations and branding.
- Background: Mauve (#F9BCFF) is the lightest color, so it belongs on large surfaces.
- Text: Hunter Green (#055F00) on #F9BCFF gives 5.17:1, passing WCAG AA.
- Primary: Orchid (#D066D9) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Basil (#669E63) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Hunter Green on Mauve at 5.17:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Orchid & Hunter Green Sky
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
#055F00
#669E63
#D066D9
#F9BCFF
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#055F00 on #F9BCFF | Aa | 5.17:1 | AA |
#055F00 on #669E63 | Aa | 2.51:1 | Fail |
#055F00 on #D066D9 | Aa | 2.49:1 | Fail |
#D066D9 on #F9BCFF | Aa | 2.08:1 | Fail |
#669E63 on #F9BCFF | Aa | 2.06:1 | Fail |
#669E63 on #D066D9 | Aa | 1.01:1 | Fail |
Similar palettes 24 more in this mood
#FFCCEA
#25F2AC
#FF8FBF
#005932
#FF9931
#6E499E
#191009
#FAF3E8
#8FCD9A
#D32636
#FBBFCC
#FDF9F3
#F4EFE7
#F0BAC5
#EE353E
#91C58A
#5F4193
#E58900
#3A3944
#0C0705
#005017
#F0E9DC
#E3C04D
#CC3937
#FCD1E4
#F4EEE3
#83DEB0
#F5A69F
#F7F5F1
#D01C35
#3C7E42
#BFE5F9
#EDE2D1
#E3D199
#BEEAAC
#FD9C8C
#D12935
#3C8253
#B1DDF4
#F3EFEA
#004D22
#D8AF00
#CA3434
#F3E7D4
#F9F3E8
#8DCB8E
#F5AFBE
#DF0A00
#131821
#006439
#B6101C
#EEC215
#3B3850
#EF8A00
#0F0400
#633F95
#DB3328
#F7F2E9
#257346
#BDE2F5
#FFAD6D
#F6ECDB
#E2CAFF
#C5E4BE
#D51D23
#E5DDD0
#004F2A
#FBF9F6
#00653D
#C62A29
#EBC751
#FBF1E0
#434152
#7F55B3
#090614
#E87A00
#0C0602
#6C307F
#FD9900
#403E4A
#FBF6ED
#E22036
#FFC5D1
#93DC9E
#E70034
#F3B2C0
#F9F7F3
#83D4A4
#C8EBC0
#DCC0FF
#F1EBE2
#FFB06B