#2D6A4F
#40916C
#B7E4C7
#FFFDF7
#2D6A4FJuniper
#7577B8Steel Blue
#B7E4C7Celadon
#FFFDF7Snow
Verdant Steel Blue & Juniper is a split color palette tagged muted, cold, green. A split scheme: Juniper plays against Celadon across roughly 97° 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 |
|---|---|---|---|---|---|
| Juniper | #2D6A4F | rgb(45, 106, 79) | hsl(153, 40%, 30%) | oklch(47.6% 0.078 162) | |
| Steel Blue | #7577B8 | rgb(117, 119, 184) | hsl(238, 32%, 59%) | oklch(59.5% 0.099 282) | |
| Celadon | #B7E4C7 | rgb(183, 228, 199) | hsl(141, 45%, 81%) | oklch(87.9% 0.061 157) | |
| Snow | #FFFDF7 | rgb(255, 253, 247) | hsl(45, 100%, 98%) | oklch(99.4% 0.008 91) |
Why it works and how to use it
With 3 chromatic colors, Celadon takes the lead while the rest support. Lightness runs from 30% to 98%. Well suited to websites, presentations and branding.
- Background: Snow (#FFFDF7) is the lightest color, so it belongs on large surfaces.
- Text: Juniper (#2D6A4F) on #FFFDF7 gives 6.28:1, passing WCAG AA.
- Primary: Celadon (#B7E4C7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Steel Blue (#7577B8) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Juniper on Snow at 6.28:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Verdant Steel Blue & Juniper
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
#2D6A4F
#7577B8
#B7E4C7
#FFFDF7
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#2D6A4F on #FFFDF7 | Aa | 6.28:1 | AA |
#2D6A4F on #B7E4C7 | Aa | 4.55:1 | AA |
#7577B8 on #FFFDF7 | Aa | 4.06:1 | AA large only |
#7577B8 on #B7E4C7 | Aa | 2.94:1 | Fail |
#2D6A4F on #7577B8 | Aa | 1.55:1 | Fail |
#B7E4C7 on #FFFDF7 | Aa | 1.38:1 | Fail |
Similar palettes 24 more in this mood
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#A0DCA3
#BDE0FE
#CDB4DB
#FDFDFD
#C3DDAE
#7DAD9D
#568598
#F7F8F2
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#A8DADC
#457B9D
#1D3557
#F1FAEE
#1B4965
#5FA8D3
#A8E0DE
#E4F1FF
#1B4332
#2D6A4F
#B7B7A4
#F0EFEB
#1C2541
#465D79
#5BC0BE
#FFFFFF
#EEF9F7
#BCE7E0
#85CFC5
#2F5F5A
#F7F7EC
#D6E4B8
#A9C48A
#3F5233
#5F6B3B
#8C9A5B
#D6C9A8
#F5F0E6
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#688E79
#83B9C6
#B7D3A5
#D0D1D0
#3D405B
#81B29A
#96DEFF
#F4F1DE
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#18213B
#526195
#7393C1
#ECFFFB
#13505B
#0C7489
#8FD3E0
#F0FAFB
#5CBAA9
#5E99B8
#23737D
#356345
#3D3B6B
#6D6CA6
#B9B8E3
#F2F1FB
#245B54
#4F9E92
#B7E4DC
#F1FBF9
#4F4E7F
#7E7EB9
#D1D0FC
#FAF9FF
#0B3954
#087E8B
#BFD7EA
#FFFFFF