#F0F6FF
#A7C9FA
#6C5A3F
#262320
#272D12Espresso
#4D542BHunter Green
#9FD1E7Baby Blue
#F1F7F3Smoke
Verdant Hunter Green & Baby Blue is a split color palette tagged dark, muted, blue. A split scheme: Espresso plays against Baby Blue across roughly 128° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Espresso | #272D12 | rgb(39, 45, 18) | hsl(73, 43%, 12%) | oklch(28.4% 0.045 120) | |
| Hunter Green | #4D542B | rgb(77, 84, 43) | hsl(70, 32%, 25%) | oklch(42.9% 0.062 117) | |
| Baby Blue | #9FD1E7 | rgb(159, 209, 231) | hsl(198, 60%, 76%) | oklch(83.3% 0.060 227) | |
| Smoke | #F1F7F3 | rgb(241, 247, 243) | hsl(140, 27%, 96%) | oklch(97.1% 0.008 157) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (96% down to 12% lightness). A natural fit for websites, presentations and branding.
- Background: Smoke (#F1F7F3) is the lightest color, so it belongs on large surfaces.
- Text: Espresso (#272D12) on #F1F7F3 gives 13.15:1, passing WCAG AAA.
- Primary: Baby Blue (#9FD1E7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Hunter Green (#4D542B) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Smoke at 13.15:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Verdant Hunter Green & Baby Blue
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
#272D12
#4D542B
#9FD1E7
#F1F7F3
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#272D12 on #F1F7F3 | Aa | 13.15:1 | AAA |
#272D12 on #9FD1E7 | Aa | 8.67:1 | AAA |
#4D542B on #F1F7F3 | Aa | 7.39:1 | AAA |
#4D542B on #9FD1E7 | Aa | 4.87:1 | AA |
#272D12 on #4D542B | Aa | 1.78:1 | Fail |
#9FD1E7 on #F1F7F3 | Aa | 1.52:1 | Fail |
Similar palettes 24 more in this mood
#C3D2FF
#006556
#131200
#F0F0F0
#3E2723
#6D4C41
#A1887F
#EFEBE9
#1C2541
#465D79
#5BC0BE
#FFFFFF
#0F172A
#444F64
#6366F1
#F8FAFC
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#E0EFFF
#6EB2FC
#1E5B9A
#002344
#342037
#725071
#A17698
#F0EAF0
#050505
#373737
#007F9E
#FDFDFD
#0C2654
#3C59A3
#6B7FD5
#F3E8F3
#0E1B33
#375482
#B08D57
#F2EFE9
#2C2B23
#676347
#7C7BFF
#F2F1EC
#0E1B33
#585718
#B08D57
#F2EFE9
#4B3700
#0A0700
#90C3FF
#F4F9FF
#151515
#4E4E4E
#577AFF
#FAFAFA
#121214
#5D6064
#B3CCFF
#E6EEFF
#002027
#005F6D
#C18075
#F2EFE9
#1E3033
#456578
#98BD9B
#F4FFE6
#1C2650
#47558E
#BB8B51
#DDD7CC
#322A00
#6F5300
#FFCDB2
#FFE9DE
#F5FBF9
#D4E3DE
#374B00
#0A1100
#1E1A2B
#5A4F6D
#B58FC9
#F2E9F7
#FFD063
#FFFAE8
#27568B
#0E1D2B
#FFAEA7
#1E1913
#6E5A48
#EEEEEE