#0D1A14
#385645
#6DBF8A
#E8F3EC
#24322BGunmetal
#4C6B59Storm
#82D59FEucalyptus
#F2FDF6Ivory
Eucalyptus & Storm Whisper is a neutral-based color palette tagged forest, minimal, gray. Ivory is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Gunmetal | #24322B | rgb(36, 50, 43) | hsl(150, 16%, 17%) | oklch(30.2% 0.023 163) | |
| Storm | #4C6B59 | rgb(76, 107, 89) | hsl(145, 17%, 36%) | oklch(49.8% 0.046 159) | |
| Eucalyptus | #82D59F | rgb(130, 213, 159) | hsl(141, 50%, 67%) | oklch(80.5% 0.112 155) | |
| Ivory | #F2FDF6 | rgb(242, 253, 246) | hsl(142, 73%, 97%) | oklch(98.4% 0.015 158) |
Why it works and how to use it
It works because the lightness range is wide (17% to 97%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Ivory (#F2FDF6) is the lightest color, so it belongs on large surfaces.
- Text: Gunmetal (#24322B) on #F2FDF6 gives 12.87:1, passing WCAG AAA.
- Primary: Eucalyptus (#82D59F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Storm (#4C6B59) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Ivory at 12.87:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Eucalyptus & Storm Whisper
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
#24322B
#4C6B59
#82D59F
#F2FDF6
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#24322B on #F2FDF6 | Aa | 12.87:1 | AAA |
#24322B on #82D59F | Aa | 7.64:1 | AAA |
#4C6B59 on #F2FDF6 | Aa | 5.67:1 | AA |
#4C6B59 on #82D59F | Aa | 3.37:1 | AA large only |
#24322B on #4C6B59 | Aa | 2.27:1 | Fail |
#82D59F on #F2FDF6 | Aa | 1.68:1 | Fail |
Similar palettes 24 more in this mood
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#467450
#79AB79
#C7E8B8
#F7FDF1
#004B23
#007200
#38B000
#9EF01A
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#18191A
#4F5052
#B8F53F
#F7F7F5
#1F241C
#B1BBA8
#90DC00
#F4F7F1
#1D1B1C
#D4C3CD
#AFEC7C
#F5F3F4
#283342
#85D869
#ACC2E4
#EBF2FC
#005313
#186F08
#4F8F45
#8FCD85
#00480D
#005748
#007E8C
#5A96BD
#293515
#447F4A
#209E77
#ACAB82
#1B5D34
#2C8C28
#56CB35
#E3FFCB
#1B1F2A
#6B7388
#2CB857
#EEF1F9
#4EA26C
#AB8F00
#89B56D
#BBC649
#003E41
#005E1A
#008C72
#3787A7
#9AC97E
#7FA16A
#547B3C
#0B4B00
#363300
#006469
#007C60
#599E41
#FCF0F2
#99717A
#008F4E
#302024
#8DA689
#1EAE81
#009590
#575E24
#F9F1EA
#DEDFC6
#55CE93
#4A3A30
#676418
#48795B
#95AB83
#4FC5B1
#213C04
#356344
#1C8888
#6F9C8F
#647B40
#2D6A65
#025934
#3E3300