#00480D
#005748
#007E8C
#5A96BD
#564D1CSepia
#00807ATeal
#68912EBasil
#7DCCA1Eucalyptus
Basil & Eucalyptus Glow is a dark, split color palette tagged forest, nature, green. A split scheme: Sepia plays against Eucalyptus across roughly 126° of hue. 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 |
|---|---|---|---|---|---|
| Sepia | #564D1C | rgb(86, 77, 28) | hsl(51, 51%, 22%) | oklch(41.8% 0.069 99) | |
| Teal | #00807A | rgb(0, 128, 122) | hsl(177, 100%, 25%) | oklch(54.1% 0.094 189) | |
| Basil | #68912E | rgb(104, 145, 46) | hsl(85, 52%, 37%) | oklch(60.6% 0.135 129) | |
| Eucalyptus | #7DCCA1 | rgb(125, 204, 161) | hsl(147, 44%, 65%) | oklch(78.2% 0.100 159) |
Why it works and how to use it
It works because the lightness steps are gentle (22% to 65%), which keeps the mood consistent from edge to edge. Try it for wellness, organic and outdoor brands.
- Background: Eucalyptus (#7DCCA1) is the lightest color, so it belongs on large surfaces.
- Text: Sepia (#564D1C) on #7DCCA1 gives 4.46:1, enough for large headings only.
- Primary: Teal (#00807A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Basil (#68912E) 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 Basil & Eucalyptus Glow
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
#564D1C
#00807A
#68912E
#7DCCA1
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#564D1C on #7DCCA1 | Aa | 4.46:1 | AA large only |
#00807A on #7DCCA1 | Aa | 2.52:1 | Fail |
#564D1C on #68912E | Aa | 2.3:1 | Fail |
#68912E on #7DCCA1 | Aa | 1.94:1 | Fail |
#564D1C on #00807A | Aa | 1.77:1 | Fail |
#00807A on #68912E | Aa | 1.3:1 | Fail |
Similar palettes 24 more in this mood
#003E41
#005E1A
#008C72
#3787A7
#363300
#006469
#007C60
#599E41
#8DA689
#1EAE81
#009590
#575E24
#213C04
#356344
#1C8888
#6F9C8F
#00937E
#3CA665
#8C9E78
#C1B84B
#006032
#2D636A
#52740F
#41B29F
#3F5029
#008B9A
#00A18F
#8DC19E
#1C7A41
#516E86
#4297A8
#85B5AC
#00796B
#667A3E
#0091A3
#5DA775
#00594C
#006D7A
#528556
#2786C2
#385100
#006F37
#817500
#00947E
#005313
#186F08
#4F8F45
#8FCD85
#293515
#447F4A
#209E77
#ACAB82
#4EA26C
#AB8F00
#89B56D
#BBC649
#9AC97E
#7FA16A
#547B3C
#0B4B00
#676418
#48795B
#95AB83
#4FC5B1
#647B40
#2D6A65
#025934
#3E3300
#00561A
#2A6D23
#6CA366
#77BE65
#72D585
#79A741
#4E947A
#3D3E00
#4D2E00
#567834
#0C9B69
#9A8900
#554223
#9B8A00
#93A869
#DAA785
#53CD8B
#539D55
#007440
#003C16
#A7BA58
#7B9C3D
#4F6D27
#394F00