Palette · 9 colors · Lc 10
BioShock Fog palette
BioShock Fog: a 9-color palette (Green, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #F5FDD9, #D1D997, #A7B13C, #8B9800, #6C7F00, #4D5B00, #323F00, #232800, #0B0C00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 9 Colors
bg
#F5FDD9
surface
#D1D997
muted
#A7B13C
primary
#8B9800
secondary
#6C7F00
accent
#4D5B00
highlight
#323F00
border
#232800
text
#0B0C00
Colors in BioShock Fog: HEX, RGB, HSL & OKLCH
- #F5FDD9 color page →
bg
#F5FDD9
- RGB
- rgb(245 253 217)
- HSL
- hsl(73 90% 92%)
- OKLCH
- oklch(0.979 0.048 117.5)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.93:1 (AAA)
- #D1D997 color page →
surface
#D1D997
- RGB
- rgb(209 217 151)
- HSL
- hsl(67 46% 72%)
- OKLCH
- oklch(0.863 0.086 113.9)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.08:1 (AAA)
- #A7B13C color page →
muted
#A7B13C
- RGB
- rgb(167 177 60)
- HSL
- hsl(65 49% 46%)
- OKLCH
- oklch(0.73 0.139 114)
WCAG contrast: on white 2.33:1 (Fail) · on black 8.99:1 (AAA)
- #8B9800 color page →
primary
#8B9800
- RGB
- rgb(139 152 0)
- HSL
- hsl(65 100% 30%)
- OKLCH
- oklch(0.647 0.147 115.7)
WCAG contrast: on white 3.18:1 (Fail) · on black 6.58:1 (AA)
- #6C7F00 color page →
secondary
#6C7F00
- RGB
- rgb(108 127 0)
- HSL
- hsl(69 100% 25%)
- OKLCH
- oklch(0.561 0.133 119.6)
WCAG contrast: on white 4.49:1 (Fail) · on black 4.67:1 (AA)
- #4D5B00 color page →
accent
#4D5B00
- RGB
- rgb(77 91 0)
- HSL
- hsl(69 100% 18%)
- OKLCH
- oklch(0.443 0.105 119.5)
WCAG contrast: on white 7.46:1 (AAA) · on black 2.81:1 (Fail)
- #323F00 color page →
highlight
#323F00
- RGB
- rgb(50 63 0)
- HSL
- hsl(72 100% 12%)
- OKLCH
- oklch(0.344 0.083 121.8)
WCAG contrast: on white 11.37:1 (AAA) · on black 1.84:1 (Fail)
- #232800 color page →
border
#232800
- RGB
- rgb(35 40 0)
- HSL
- hsl(68 100% 8%)
- OKLCH
- oklch(0.263 0.06 116.7)
WCAG contrast: on white 15.27:1 (AAA) · on black 1.37:1 (Fail)
- #0B0C00 color page →
text
#0B0C00
- RGB
- rgb(11 12 0)
- HSL
- hsl(65 100% 2%)
- OKLCH
- oklch(0.148 0.033 112.7)
WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)
Export BioShock Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5fdd9;
--surface: #d1d997;
--muted: #a7b13c;
--primary: #8b9800;
--secondary: #6c7f00;
--accent: #4d5b00;
--highlight: #323f00;
--border: #232800;
--text: #0b0c00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5fdd9;
--color-surface: #d1d997;
--color-muted: #a7b13c;
--color-primary: #8b9800;
--color-secondary: #6c7f00;
--color-accent: #4d5b00;
--color-highlight: #323f00;
--color-border: #232800;
--color-text: #0b0c00;
}JSON (DTCG tokens)
{
"bioshock-fog-2nc": {
"bg": {
"$type": "color",
"$value": "#f5fdd9"
},
"surface": {
"$type": "color",
"$value": "#d1d997"
},
"muted": {
"$type": "color",
"$value": "#a7b13c"
},
"primary": {
"$type": "color",
"$value": "#8b9800"
},
"secondary": {
"$type": "color",
"$value": "#6c7f00"
},
"accent": {
"$type": "color",
"$value": "#4d5b00"
},
"highlight": {
"$type": "color",
"$value": "#323f00"
},
"border": {
"$type": "color",
"$value": "#232800"
},
"text": {
"$type": "color",
"$value": "#0b0c00"
}
}
}About this palette
BioShock Fog is a 9-color OKLCH-ready palette tagged green, monochromatic, 9 colors. Hex values: #F5FDD9, #D1D997, #A7B13C, #8B9800, #6C7F00, #4D5B00, #323F00, #232800, #0B0C00. APCA contrast score Lc 10. 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 BioShock Fog by OKLab color distance.