#DD9F6E
#EDD693
#9DBE7C
#FDFDFD
#FFF4E8Linen
#FFD3A8Apricot
#71D27FEmerald
#6B3E1ESepia
Emerald & Sepia Sky is a vivid split color palette tagged warm, white, beige. A split scheme: Apricot plays against Sepia across roughly 104° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Linen | #FFF4E8 | rgb(255, 244, 232) | hsl(31, 100%, 95%) | oklch(97.3% 0.020 70) | |
| Apricot | #FFD3A8 | rgb(255, 211, 168) | hsl(30, 100%, 83%) | oklch(89.4% 0.075 66) | |
| Emerald | #71D27F | rgb(113, 210, 127) | hsl(129, 52%, 63%) | oklch(78.4% 0.149 147) | |
| Sepia | #6B3E1E | rgb(107, 62, 30) | hsl(25, 56%, 27%) | oklch(41.2% 0.078 54) |
Why it works and how to use it
With 3 chromatic colors, Apricot takes the lead while the rest support. Lightness runs from 27% to 95%. Well suited to websites, presentations and branding.
- Background: Linen (#FFF4E8) is the lightest color, so it belongs on large surfaces.
- Text: Sepia (#6B3E1E) on #FFF4E8 gives 8.3:1, passing WCAG AAA.
- Primary: Apricot (#FFD3A8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Emerald (#71D27F) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Sepia at 8.3:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Emerald & Sepia Sky
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
#FFF4E8
#FFD3A8
#71D27F
#6B3E1E
Color-blind check: under protanopia, Apricot and Emerald become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FFF4E8 on #6B3E1E | Aa | 8.3:1 | AAA |
#FFD3A8 on #6B3E1E | Aa | 6.49:1 | AA |
#71D27F on #6B3E1E | Aa | 4.81:1 | AA |
#FFF4E8 on #71D27F | Aa | 1.72:1 | Fail |
#FFD3A8 on #71D27F | Aa | 1.35:1 | Fail |
#FFF4E8 on #FFD3A8 | Aa | 1.28:1 | Fail |
Similar palettes 24 more in this mood
#3E0A1D
#006638
#C9A961
#F4ECE4
#B08968
#DDB892
#E6CCB2
#FFF6EA
#C1440E
#E07A5F
#F2CC8F
#F4F1DE
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#C9A66B
#E4C590
#F1E3C8
#F9F5EC
#FFF3EC
#FFD3BF
#FFB39B
#6E5147
#B5623A
#D9A57C
#A3B18A
#F3EDE4
#9C4A2F
#C97D5A
#E8C9A8
#F8F1E7
#8A4A3C
#C98C7A
#E9C7B0
#F6EFE8
#A0431F
#D07A4C
#F1DCC2
#FBF6EF
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#C4A484
#E6D3B3
#A98467
#F7F1E8
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#8B5E1E
#D9A441
#F3D48A
#FFF8E5
#7F6000
#B8885D
#B3B96E
#AEE699
#FFF3F0
#FFAD9B
#AF7941
#665D51
#A65F00
#D7843C
#DED590
#F4F1DE
#452700
#686265
#FFB9A3
#FFEAEC
#844F38
#BF6E4E
#EFA882
#FFF9F5
#FAF3EC
#E9C9B6
#C97B5B
#6E4A3B
#FFF9F3
#FEDECA
#EA9978
#835E4E
#774235
#CE6446
#FFC593
#FFF9F1
#3E0A1D
#8B2F4B
#C9A961
#F4ECE4