Palette · 8 colors · Lc 9.3
Classic Pyramid Tide palette
Classic Pyramid Tide: a 8-color palette (Green, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #FDEFE3, #C2A28A, #937645, #3B7663, #347088, #5B6A8E, #4F3548, #1A0A00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FDEFE3
surface
#C2A28A
muted
#937645
primary
#3B7663
secondary
#347088
accent
#5B6A8E
highlight
#4F3548
text
#1A0A00
Colors in Classic Pyramid Tide: HEX, RGB, HSL & OKLCH
- #FDEFE3 color page →
bg
#FDEFE3
- RGB
- rgb(253 239 227)
- HSL
- hsl(28 87% 94%)
- OKLCH
- oklch(0.96 0.022 63.2)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.63:1 (AAA)
- #C2A28A color page →
surface
#C2A28A
- RGB
- rgb(194 162 138)
- HSL
- hsl(26 31% 65%)
- OKLCH
- oklch(0.735 0.051 58.7)
WCAG contrast: on white 2.37:1 (Fail) · on black 8.82:1 (AAA)
- #937645 color page →
muted
#937645
- RGB
- rgb(147 118 69)
- HSL
- hsl(38 36% 42%)
- OKLCH
- oklch(0.583 0.076 79.5)
WCAG contrast: on white 4.27:1 (Fail) · on black 4.91:1 (AA)
- #3B7663 color page →
primary
#3B7663
- RGB
- rgb(59 118 99)
- HSL
- hsl(161 33% 35%)
- OKLCH
- oklch(0.52 0.069 170.3)
WCAG contrast: on white 5.30:1 (AA) · on black 3.95:1 (Fail)
- #347088 color page →
secondary
#347088
- RGB
- rgb(52 112 136)
- HSL
- hsl(197 45% 37%)
- OKLCH
- oklch(0.516 0.073 227)
WCAG contrast: on white 5.49:1 (AA) · on black 3.81:1 (Fail)
- #5B6A8E color page →
accent
#5B6A8E
- RGB
- rgb(91 106 142)
- HSL
- hsl(222 22% 46%)
- OKLCH
- oklch(0.526 0.06 266.9)
WCAG contrast: on white 5.38:1 (AA) · on black 3.89:1 (Fail)
- #4F3548 color page →
highlight
#4F3548
- RGB
- rgb(79 53 72)
- HSL
- hsl(316 20% 26%)
- OKLCH
- oklch(0.366 0.048 336.8)
WCAG contrast: on white 10.85:1 (AAA) · on black 1.93:1 (Fail)
- #1A0A00 color page →
text
#1A0A00
- RGB
- rgb(26 10 0)
- HSL
- hsl(23 100% 5%)
- OKLCH
- oklch(0.166 0.038 61.8)
WCAG contrast: on white 19.31:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Pyramid Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fdefe3;
--surface: #c2a28a;
--muted: #937645;
--primary: #3b7663;
--secondary: #347088;
--accent: #5b6a8e;
--highlight: #4f3548;
--text: #1a0a00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fdefe3;
--color-surface: #c2a28a;
--color-muted: #937645;
--color-primary: #3b7663;
--color-secondary: #347088;
--color-accent: #5b6a8e;
--color-highlight: #4f3548;
--color-text: #1a0a00;
}JSON (DTCG tokens)
{
"classic-pyramid-tide-25p": {
"bg": {
"$type": "color",
"$value": "#fdefe3"
},
"surface": {
"$type": "color",
"$value": "#c2a28a"
},
"muted": {
"$type": "color",
"$value": "#937645"
},
"primary": {
"$type": "color",
"$value": "#3b7663"
},
"secondary": {
"$type": "color",
"$value": "#347088"
},
"accent": {
"$type": "color",
"$value": "#5b6a8e"
},
"highlight": {
"$type": "color",
"$value": "#4f3548"
},
"text": {
"$type": "color",
"$value": "#1a0a00"
}
}
}About this palette
Classic Pyramid Tide is a 8-color OKLCH-ready palette tagged green, warm, 8 colors. Hex values: #FDEFE3, #C2A28A, #937645, #3B7663, #347088, #5B6A8E, #4F3548, #1A0A00. APCA contrast score Lc 9.3. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Classic Pyramid Tide by OKLab color distance.