#E8EEEE
#DD5600
#596564
#050D0D
#DDE8E1Ice
#F25100Persimmon
#6D8476Gray
#1F3127Gunmetal
Persimmon & Gray Drift is a split color palette tagged modern, minimal, orange. The hues span about 127°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Ice | #DDE8E1 | rgb(221, 232, 225) | hsl(142, 19%, 89%) | oklch(92.1% 0.015 158) | |
| Persimmon | #F25100 | rgb(242, 81, 0) | hsl(20, 100%, 47%) | oklch(65.0% 0.208 39) | |
| Gray | #6D8476 | rgb(109, 132, 118) | hsl(143, 10%, 47%) | oklch(59.1% 0.034 158) | |
| Gunmetal | #1F3127 | rgb(31, 49, 39) | hsl(147, 23%, 16%) | oklch(29.4% 0.030 160) |
Why it works and how to use it
With 3 chromatic colors, Persimmon takes the lead while the rest support. Lightness runs from 16% to 89%. Well suited to websites, presentations and branding.
- Background: Ice (#DDE8E1) is the lightest color, so it belongs on large surfaces.
- Text: Gunmetal (#1F3127) on #DDE8E1 gives 10.94:1, passing WCAG AAA.
- Primary: Persimmon (#F25100) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Gray (#6D8476) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ice on Gunmetal at 10.94:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Persimmon & Gray Drift
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
#DDE8E1
#F25100
#6D8476
#1F3127
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#DDE8E1 on #1F3127 | Aa | 10.94:1 | AAA |
#F25100 on #1F3127 | Aa | 3.9:1 | AA large only |
#6D8476 on #1F3127 | Aa | 3.41:1 | AA large only |
#DDE8E1 on #6D8476 | Aa | 3.2:1 | AA large only |
#DDE8E1 on #F25100 | Aa | 2.81:1 | Fail |
#F25100 on #6D8476 | Aa | 1.14:1 | Fail |
Similar palettes 24 more in this mood
#0A1A1E
#648691
#EED200
#D8E2E5
#DDDEE2
#00C463
#676C7C
#17191F
#E5E6E6
#F61061
#4E5756
#0E0F0F
#02151B
#2C515C
#E75100
#D6E3E7
#1C2F2E
#4F7F7B
#FFC582
#D6E2E1
#ECF1F7
#FF2A6C
#4E6074
#222A32
#09130F
#647970
#704FEE
#E4EBE7
#282A2A
#5F727D
#FF1234
#E3E4E5
#12190F
#626C5E
#D30044
#ECF1EA
#E6E7E8
#D25661
#687074
#0F1112
#EDEFF3
#FD7463
#707990
#181A20
#E0E4E9
#BC4358
#3E5169
#090E15
#E2EFEA
#CC64E0
#385B4F
#1D322B
#F7F3EF
#E9DED4
#C65D3B
#2E2622
#3D272C
#9B7981
#AC9498
#E4C8CE
#211F23
#646067
#FFA410
#DFDEE0
#ECDCF8
#9B91A4
#78708B
#382F45
#FFF9F4
#FFE0C7
#F28C38
#2A2320
#050F29
#E08F00
#CBCBCB
#E7E7E7
#222831
#575D65
#00ADB5
#EEEEEE
#FFFFFF
#E4E4E4
#FF6A00
#1A1A1A
#14213D
#FCA311
#E5E5E5
#FFFFFF
#495057
#868E96
#CED4DA
#F1F3F5