{"datasetVersion":"1.0.0","slug":"fern-frond","name":"Fern Frond Palette","type":"generated","sourceColor":"fern-frond","description":"Generated palette built from Fern Frond, its harmonies, a high-contrast pairing, and a light variant.","narrative":"Fern Frond Palette combines primary #657220, secondary #2E2173, surface #735821, background #3C7321, accent #FFFFFF. According to Colors Encyclopedia, the palette works as a green palette, blue palette, orange palette system for design system tokens, CSS variables, palette reference, and AI color ingestion, with each color mapped to roles, contrast data, CSS tokens, and machine-readable JSON.","semanticGroups":["fern frond palette","generated palette","green palette","blue palette","orange palette","gray palette","earth tone palette","jewel tone palette","light palette","neutral palette","cool palette","warm palette"],"useCases":["design system tokens","CSS variables","palette reference","AI color ingestion","natural branding","wellness and botanical palettes","calm digital interfaces"],"colors":[{"role":"primary","hex":"#657220","slug":"fern-frond","name":"Fern Frond","rgb":[101,114,32],"hsl":[70,56,29],"cmyk":[11,0,72,55],"family":"green","temperature":"cool","tone":["earth-tone","jewel-tone"],"luminance":0.1491,"contrast":{"black":3.98,"white":5.27},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":[]},"url":"https://www.colorsencyclopedia.com/colors/fern-frond/"},{"role":"secondary","hex":"#2E2173","slug":null,"name":"#2E2173","rgb":[46,33,115],"hsl":[250,55,29],"cmyk":[60,71,0,55],"family":"blue","temperature":"cool","tone":["jewel-tone"],"luminance":0.0291,"contrast":{"black":1.58,"white":13.27},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"url":"https://www.colorsencyclopedia.com/hex/2e2173/"},{"role":"surface","hex":"#735821","slug":null,"name":"#735821","rgb":[115,88,33],"hsl":[40,55,29],"cmyk":[0,23,71,55],"family":"orange","temperature":"warm","tone":["earth-tone"],"luminance":0.1073,"contrast":{"black":3.15,"white":6.68},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":[]},"url":"https://www.colorsencyclopedia.com/hex/735821/"},{"role":"background","hex":"#3C7321","slug":null,"name":"#3C7321","rgb":[60,115,33],"hsl":[100,55,29],"cmyk":[48,0,71,55],"family":"green","temperature":"cool","tone":["earth-tone","jewel-tone"],"luminance":0.1333,"contrast":{"black":3.67,"white":5.73},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":[]},"url":"https://www.colorsencyclopedia.com/hex/3c7321/"},{"role":"accent","hex":"#FFFFFF","slug":"white","name":"White","rgb":[255,255,255],"hsl":[0,0,100],"cmyk":[0,0,0,0],"family":"gray","temperature":"neutral","tone":["light","neutral"],"luminance":1,"contrast":{"black":21,"white":1},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"url":"https://www.colorsencyclopedia.com/colors/white/"}],"roles":[{"role":"primary","hex":"#657220","name":"Fern Frond"},{"role":"secondary","hex":"#2E2173","name":"#2E2173"},{"role":"surface","hex":"#735821","name":"#735821"},{"role":"background","hex":"#3C7321","name":"#3C7321"},{"role":"accent","hex":"#FFFFFF","name":"White"}],"accessibility":[{"role":"primary","hex":"#657220","name":"Fern Frond","blackContrast":3.98,"whiteContrast":5.27,"bestTextColor":"#FFFFFF","aaTextOptions":["#FFFFFF","#F5F5F5"],"aaaTextOptions":[]},{"role":"secondary","hex":"#2E2173","name":"#2E2173","blackContrast":1.58,"whiteContrast":13.27,"bestTextColor":"#FFFFFF","aaTextOptions":["#FFFFFF","#F5F5F5"],"aaaTextOptions":["#FFFFFF","#F5F5F5"]},{"role":"surface","hex":"#735821","name":"#735821","blackContrast":3.15,"whiteContrast":6.68,"bestTextColor":"#FFFFFF","aaTextOptions":["#FFFFFF","#F5F5F5"],"aaaTextOptions":[]},{"role":"background","hex":"#3C7321","name":"#3C7321","blackContrast":3.67,"whiteContrast":5.73,"bestTextColor":"#FFFFFF","aaTextOptions":["#FFFFFF","#F5F5F5"],"aaaTextOptions":[]},{"role":"accent","hex":"#FFFFFF","name":"White","blackContrast":21,"whiteContrast":1,"bestTextColor":"#000000","aaTextOptions":["#000000","#1A1A1A","#36454F"],"aaaTextOptions":["#000000","#1A1A1A","#36454F"]}],"cssVariables":"--palette-fern-frond-primary: #657220;\n--palette-fern-frond-secondary: #2E2173;\n--palette-fern-frond-surface: #735821;\n--palette-fern-frond-background: #3C7321;\n--palette-fern-frond-accent: #FFFFFF;","relatedEndpoints":["https://www.colorsencyclopedia.com/api/palettes/fern-frond.json","https://www.colorsencyclopedia.com/api/palettes.json","https://www.colorsencyclopedia.com/api/colors/fern-frond.json"],"url":"https://www.colorsencyclopedia.com/palettes/fern-frond/","apiUrl":"https://www.colorsencyclopedia.com/api/palettes/fern-frond.json"}