#EDEEF0
#C9CCD1
#7A5A00
#0B1220
#142104Raisin
#4B5622Hunter Green
#C18744Bronze
#E3DFC5Pearl
Startup Bronze & Hunter Green is a analogous color palette tagged modern, dark, black. Analogous neighbors on the wheel (Hunter Green, Bronze, Pearl) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Raisin | #142104 | rgb(20, 33, 4) | hsl(87, 78%, 7%) | oklch(22.8% 0.053 130) | |
| Hunter Green | #4B5622 | rgb(75, 86, 34) | hsl(73, 43%, 24%) | oklch(43.1% 0.076 120) | |
| Bronze | #C18744 | rgb(193, 135, 68) | hsl(32, 50%, 51%) | oklch(66.8% 0.110 68) | |
| Pearl | #E3DFC5 | rgb(227, 223, 197) | hsl(52, 35%, 83%) | oklch(90.0% 0.035 100) |
Why it works and how to use it
With 3 chromatic colors, Bronze takes the lead while the rest support. Lightness runs from 7% to 83%. Well suited to websites, presentations and branding.
- Background: Pearl (#E3DFC5) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#142104) on #E3DFC5 gives 12.51:1, passing WCAG AAA.
- Primary: Bronze (#C18744) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Hunter Green (#4B5622) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Pearl at 12.51:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Startup Bronze & Hunter Green
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
#142104
#4B5622
#C18744
#E3DFC5
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#142104 on #E3DFC5 | Aa | 12.51:1 | AAA |
#4B5622 on #E3DFC5 | Aa | 5.89:1 | AA |
#142104 on #C18744 | Aa | 5.46:1 | AA |
#4B5622 on #C18744 | Aa | 2.57:1 | Fail |
#C18744 on #E3DFC5 | Aa | 2.29:1 | Fail |
#142104 on #4B5622 | Aa | 2.12:1 | Fail |
Similar palettes 24 more in this mood
#D8D1C6
#BEB19C
#233E64
#000A1E
#24150D
#654635
#7ABDAA
#D7D3CE
#0F0F0F
#444444
#C8623F
#F4EEE8
#111111
#424242
#FF3B3B
#FAFAFA
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#211525
#634665
#886B91
#E0E1DD
#E0E4E9
#BC4358
#3E5169
#090E15
#E5E6E6
#F61061
#4E5756
#0E0F0F
#02151B
#2C515C
#E75100
#D6E3E7
#6B4E1E
#00B8C4
#E8DCC0
#F7F3EA
#8D5A56
#BBA690
#F297AF
#F7D8CA
#00484F
#BB9457
#99582A
#FFE6A7
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#9C3E4A
#746764
#CDAF9D
#FFE4ED
#E8EEEE
#DD5600
#596564
#050D0D
#6E5700
#7EC26E
#CCFFE7
#FDFDFD
#121214
#5D6064
#B3CCFF
#E6EEFF
#7A4A2E
#2788B4
#E7A977
#F9E4D0
#E9E9E9
#CACAC9
#D88A00
#0A0806
#9D4500
#4B6642
#CDD6B4
#F6F3E9
#D1D2D4
#B0B3B8
#0C37C1
#01030D
#3C4B2C
#74814C
#FCBE7B
#FFFBE2