#D7263D
#FFFFFF
#F9C5D1
#2E7D5B
#BB002BChili
#E3E3E3Ice
#D8A6B2Lilac
#0F6646Hunter Green
Scarlet Chili & Hunter Green is a complementary color palette tagged modern, red, pink. Near-complementary hues (about 172° 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 |
|---|---|---|---|---|---|
| Chili | #BB002B | rgb(187, 0, 43) | hsl(346, 100%, 37%) | oklch(50.1% 0.201 21) | |
| Ice | #E3E3E3 | rgb(227, 227, 227) | hsl(0, 0%, 89%) | oklch(91.6% 0.000 0) | |
| Lilac | #D8A6B2 | rgb(216, 166, 178) | hsl(346, 39%, 75%) | oklch(77.5% 0.061 3) | |
| Hunter Green | #0F6646 | rgb(15, 102, 70) | hsl(158, 74%, 23%) | oklch(45.3% 0.094 162) |
Why it works and how to use it
It works because the lightness range is wide (23% to 89%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Ice (#E3E3E3) is the lightest color, so it belongs on large surfaces.
- Text: Hunter Green (#0F6646) on #E3E3E3 gives 5.44:1, passing WCAG AA.
- Primary: Chili (#BB002B) is the most saturated mid-tone; use it for buttons and links (5.2:1 against the background, fine for UI elements).
- Accent: Lilac (#D8A6B2) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ice on Hunter Green at 5.44:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Scarlet Chili & Hunter Green
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
#BB002B
#E3E3E3
#D8A6B2
#0F6646
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E3E3E3 on #0F6646 | Aa | 5.44:1 | AA |
#BB002B on #E3E3E3 | Aa | 5.2:1 | AA |
#D8A6B2 on #0F6646 | Aa | 3.33:1 | AA large only |
#BB002B on #D8A6B2 | Aa | 3.18:1 | AA large only |
#E3E3E3 on #D8A6B2 | Aa | 1.63:1 | Fail |
#BB002B on #0F6646 | Aa | 1.05:1 | Fail |
Similar palettes 24 more in this mood
#00A7D3
#FFB3C1
#7BC96F
#2D6A4F
#00BA85
#FF8A9B
#C7EFCF
#3D8361
#1B4332
#52B788
#E9F5F0
#C9184A
#7A1C2E
#51851E
#E8D5B8
#F6EFE3
#D3363D
#FF8474
#FFD9D4
#FAFAFA
#012C1C
#3AA274
#C9D4D0
#A80039
#58863B
#8EAE3A
#D2C8B0
#9C282F
#2D6A4F
#DF808E
#95D5B2
#D8F3DC
#A9DA87
#F0989C
#B1DDF0
#4B2B2F
#820015
#DB0007
#E59C94
#E1E1E1
#E74865
#E97788
#B4DBBC
#216A49
#0083AF
#FDFDFD
#F9C5D1
#2E7D5B
#9B6F00
#FDFDFD
#F9C5D1
#2E7D5B
#FFC7C4
#00A754
#F0F0F7
#0F0B00
#D1FEE8
#098357
#333D39
#FF647D
#001725
#9BA0FF
#FF99B4
#A6DA7C
#FF8A96
#864554
#60AD55
#9DDCBC
#53BA80
#ADE0B4
#FFC8C4
#1B1B1E
#E02B55
#E097A5
#66B35A
#0D5036
#2B2D42
#8D99AE
#EDF2F4
#EF233C
#111111
#424242
#FF3B3B
#FAFAFA
#FAFAFA
#E5E7EB
#10B981
#111827
#FFFDFC
#EDE0DB
#FF6F61
#1F2933