#03363B
#58673A
#597D61
#7DAEA3
#5D4400Sepia
#8BA284Sage
#AEB26CSand
#7ACBA9Eucalyptus
Eucalyptus & Sand Vibe color palette
Eucalyptus & Sand Vibe is a split color palette tagged muted. A split scheme: Sepia plays against Eucalyptus across roughly 111° 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 | #5D4400 | rgb(93, 68, 0) | hsl(44, 100%, 18%) | oklch(40.3% 0.083 85) | |
| Sage | #8BA284 | rgb(139, 162, 132) | hsl(106, 14%, 58%) | oklch(68.6% 0.050 138) | |
| Sand | #AEB26C | rgb(174, 178, 108) | hsl(63, 31%, 56%) | oklch(74.4% 0.092 111) | |
| Eucalyptus | #7ACBA9 | rgb(122, 203, 169) | hsl(155, 44%, 64%) | oklch(78.0% 0.094 165) |
Why it works and how to use it
With 3 chromatic colors, Sand takes the lead while the rest support. Lightness runs from 18% to 64%. Well suited to websites, presentations and branding.
- Background: Eucalyptus (#7ACBA9) is the lightest color, so it belongs on large surfaces.
- Text: Sepia (#5D4400) on #7ACBA9 gives 4.77:1, passing WCAG AA.
- Primary: Sand (#AEB26C) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Sage (#8BA284) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Sepia on Eucalyptus at 4.77:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Eucalyptus & Sand Vibe
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
#5D4400
#8BA284
#AEB26C
#7ACBA9
Color-blind check: under deuteranopia, Sand and Eucalyptus 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 |
|---|---|---|---|
#5D4400 on #7ACBA9 | Aa | 4.77:1 | AA |
#5D4400 on #AEB26C | Aa | 4.09:1 | AA large only |
#5D4400 on #8BA284 | Aa | 3.32:1 | AA large only |
#8BA284 on #7ACBA9 | Aa | 1.44:1 | Fail |
#8BA284 on #AEB26C | Aa | 1.23:1 | Fail |
#AEB26C on #7ACBA9 | Aa | 1.17:1 | Fail |
Similar palettes 24 more in this mood
#5CBAA9
#5E99B8
#23737D
#356345
#315335
#526951
#6D8F77
#ADC6A8
#78A89A
#55849E
#005756
#003741
#673D22
#6C5936
#949761
#B3D6AC
#8C4E2D
#925D67
#BD7269
#A88C6F
#DEB4A2
#BE9696
#7E5726
#4F4206
#BAB18C
#A09175
#6D654F
#433A20
#BDC27E
#755E32
#5D4637
#31542B
#A1624B
#A66B96
#BDB0CE
#F4BAC2
#87B7A4
#5D8875
#3D6C5A
#2C4F3C
#ECA487
#C6966D
#C07873
#846839
#553521
#B08D64
#CBA49A
#FFADB2
#213C04
#356344
#1C8888
#6F9C8F
#647B40
#2D6A65
#025934
#3E3300
#82AC82
#6F7A56
#006D51
#003F3C
#845946
#A57344
#C0736B
#DC9AA5
#5589A4
#B59A69
#D8C497
#CDC3FF
#8BEACA
#D0DC82
#E3BD60
#457042
#554910
#A76704
#A5BC85
#FFC5B2
#594229
#6F7218
#AB9C75
#CEAB9A
#912805
#924F0E
#E1AB4F
#DBCC79
#C6CD7D
#EA8D6D
#A59775
#864D00
#D4B693
#B18974
#8E974C
#896F00