#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#2C2230Raisin
#836D8ASlate
#FFC872Saffron
#F4EDF6Frost
Saffron & Slate Path color palette
Saffron & Slate Path is a neutral-based color palette tagged 2026 trends, modern, minimal. Built almost entirely from neutrals, with Saffron (#FFC872) as the single point of color. 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 |
|---|---|---|---|---|---|
| Raisin | #2C2230 | rgb(44, 34, 48) | hsl(283, 17%, 16%) | oklch(27.0% 0.029 316) | |
| Slate | #836D8A | rgb(131, 109, 138) | hsl(286, 12%, 48%) | oklch(56.6% 0.051 318) | |
| Saffron | #FFC872 | rgb(255, 200, 114) | hsl(37, 100%, 72%) | oklch(86.5% 0.121 77) | |
| Frost | #F4EDF6 | rgb(244, 237, 246) | hsl(287, 33%, 95%) | oklch(95.4% 0.014 319) |
Why it works and how to use it
It works because the lightness range is wide (16% to 95%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Frost (#F4EDF6) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#2C2230) on #F4EDF6 gives 13.27:1, passing WCAG AAA.
- Primary: Saffron (#FFC872) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Slate (#836D8A) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Frost at 13.27:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Saffron & Slate Path
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
#2C2230
#836D8A
#FFC872
#F4EDF6
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#2C2230 on #F4EDF6 | Aa | 13.27:1 | AAA |
#2C2230 on #FFC872 | Aa | 9.98:1 | AAA |
#836D8A on #F4EDF6 | Aa | 4.05:1 | AA large only |
#2C2230 on #836D8A | Aa | 3.28:1 | AA large only |
#836D8A on #FFC872 | Aa | 3.04:1 | AA large only |
#FFC872 on #F4EDF6 | Aa | 1.33:1 | Fail |
Similar palettes 24 more in this mood
#ECE7E4
#00A0AE
#5F4F44
#302823
#211F23
#646067
#FFA410
#DFDEE0
#292830
#6F6D83
#DBDB00
#E0DFE5
#F1EFE7
#D9D4C7
#8C8A82
#2F2F2F
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#2B2A28
#8D8780
#D8D2C8
#F5F2ED
#E5E2FF
#ADA8D2
#6A6C87
#3D3C5E
#0C0F0E
#3E4542
#CDED95
#F6FDEC
#F1EFE7
#DAD7CD
#0F6E6B
#2B2B2B
#373A39
#6F7774
#DAFE9C
#EBF2DF
#92433E
#F1EDE9
#D1C4B9
#1A1A1A
#363330
#7F7163
#E0CDB2
#FFF9F0
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#7E9A8B
#B7C9BC
#D2DDD4
#F4F2EA
#7D93A8
#B3C3D1
#E3E9EE
#FBF8F3
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#D6373A
#FFF9F2
#EED7C1
#2D2D2D
#2E3C56
#00678B
#5A7779
#45BC9A
#8D5A56
#BBA690
#F297AF
#F7D8CA
#00735C
#379879
#7DC5A6
#81E3CC
#FAEAFF
#B78EE4
#855B97
#693F84
#2E747B
#4CA7A9
#B3E8E3
#FBFAF3