Palette · 10 colors · Lc 8.6
True Lizard Archive palette
True Lizard Archive: a 10-color palette (Green, Gray, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #F7EEDD, #E5D5BA, #C1B09B, #B7986F, #9C8461, #7D6837, #605328, #493F18, #342D15, #1C1402, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7EEDD
surface
#E5D5BA
muted
#C1B09B
primary
#B7986F
secondary
#9C8461
accent
#7D6837
highlight
#605328
border
#493F18
focus
#342D15
text
#1C1402
Colors in True Lizard Archive: HEX, RGB, HSL & OKLCH
- #F7EEDD color page →
bg
#F7EEDD
- RGB
- rgb(247 238 221)
- HSL
- hsl(39 62% 92%)
- OKLCH
- oklch(0.952 0.025 83.4)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.22:1 (AAA)
- #E5D5BA color page →
surface
#E5D5BA
- RGB
- rgb(229 213 186)
- HSL
- hsl(38 45% 81%)
- OKLCH
- oklch(0.879 0.04 80.9)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.55:1 (AAA)
- #C1B09B color page →
muted
#C1B09B
- RGB
- rgb(193 176 155)
- HSL
- hsl(33 23% 68%)
- OKLCH
- oklch(0.766 0.035 73.1)
WCAG contrast: on white 2.11:1 (Fail) · on black 9.95:1 (AAA)
- #B7986F color page →
primary
#B7986F
- RGB
- rgb(183 152 111)
- HSL
- hsl(34 33% 58%)
- OKLCH
- oklch(0.698 0.067 74.1)
WCAG contrast: on white 2.71:1 (Fail) · on black 7.73:1 (AAA)
- #9C8461 color page →
secondary
#9C8461
- RGB
- rgb(156 132 97)
- HSL
- hsl(36 23% 50%)
- OKLCH
- oklch(0.627 0.057 76.8)
WCAG contrast: on white 3.56:1 (Fail) · on black 5.88:1 (AA)
- #7D6837 color page →
accent
#7D6837
- RGB
- rgb(125 104 55)
- HSL
- hsl(42 39% 35%)
- OKLCH
- oklch(0.527 0.072 86.7)
WCAG contrast: on white 5.37:1 (AA) · on black 3.90:1 (Fail)
- #605328 color page →
highlight
#605328
- RGB
- rgb(96 83 40)
- HSL
- hsl(46 41% 27%)
- OKLCH
- oklch(0.445 0.063 92.9)
WCAG contrast: on white 7.59:1 (AAA) · on black 2.76:1 (Fail)
- #493F18 color page →
border
#493F18
- RGB
- rgb(73 63 24)
- HSL
- hsl(48 51% 19%)
- OKLCH
- oklch(0.369 0.058 95)
WCAG contrast: on white 10.46:1 (AAA) · on black 2.00:1 (Fail)
- #342D15 color page →
focus
#342D15
- RGB
- rgb(52 45 21)
- HSL
- hsl(46 42% 14%)
- OKLCH
- oklch(0.298 0.04 93.6)
WCAG contrast: on white 13.70:1 (AAA) · on black 1.53:1 (Fail)
- #1C1402 color page →
text
#1C1402
- RGB
- rgb(28 20 2)
- HSL
- hsl(42 87% 6%)
- OKLCH
- oklch(0.196 0.036 87.5)
WCAG contrast: on white 18.25:1 (AAA) · on black 1.15:1 (Fail)
Export True Lizard Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7eedd;
--surface: #e5d5ba;
--muted: #c1b09b;
--primary: #b7986f;
--secondary: #9c8461;
--accent: #7d6837;
--highlight: #605328;
--border: #493f18;
--focus: #342d15;
--text: #1c1402;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7eedd;
--color-surface: #e5d5ba;
--color-muted: #c1b09b;
--color-primary: #b7986f;
--color-secondary: #9c8461;
--color-accent: #7d6837;
--color-highlight: #605328;
--color-border: #493f18;
--color-focus: #342d15;
--color-text: #1c1402;
}JSON (DTCG tokens)
{
"true-lizard-archive-6o9": {
"bg": {
"$type": "color",
"$value": "#f7eedd"
},
"surface": {
"$type": "color",
"$value": "#e5d5ba"
},
"muted": {
"$type": "color",
"$value": "#c1b09b"
},
"primary": {
"$type": "color",
"$value": "#b7986f"
},
"secondary": {
"$type": "color",
"$value": "#9c8461"
},
"accent": {
"$type": "color",
"$value": "#7d6837"
},
"highlight": {
"$type": "color",
"$value": "#605328"
},
"border": {
"$type": "color",
"$value": "#493f18"
},
"focus": {
"$type": "color",
"$value": "#342d15"
},
"text": {
"$type": "color",
"$value": "#1c1402"
}
}
}About this palette
True Lizard Archive is a 10-color OKLCH-ready palette tagged green, gray, warm, 10 colors. Hex values: #F7EEDD, #E5D5BA, #C1B09B, #B7986F, #9C8461, #7D6837, #605328, #493F18, #342D15, #1C1402. APCA contrast score Lc 8.6. 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 True Lizard Archive by OKLab color distance.