rmsitzandClaude Sonnet 5
722b381913
Sourced from Figma's "53 Unique Website Color Schemes" resource page, which only shows rendered mockup screenshots (no raw hex data) - extracted dominant colors via canvas pixel sampling, then a small pipeline (tools/generate_website_scheme_themes.py) maps each scheme's real colors into this app's palette shape, with contrast enforced against both the background and the white text every .btn uses. Cut 11 of the original 53 after review: 2 for a neon-bright accent (the saturation cap only bounded lightness at first, so ~28 of 53 accents landed at pure 100% saturation - fixed at the pipeline level, calibrated against what the existing hand-picked themes actually use), and 9 for being near-duplicates of another kept scheme once mapped into actual UI colors (measured by real color distance, not eyeballed) - including one pixel-identical pair and a 4-way cluster trimmed to its two most distinct members. Settings dropdown is grouped into <optgroup>s (Base, Editor Themes, and 5 categories matching the source page's own curation) rather than one flat 54-option list. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2 lines
14 KiB
JSON
2 lines
14 KiB
JSON
[{"n":1,"name":"Ink wash","colors":[{"hex":"#ffffff","pct":30},{"hex":"#808080","pct":16.7},{"hex":"#d0d0d0","pct":16.3},{"hex":"#505050","pct":15.9},{"hex":"#202020","pct":14.3},{"hex":"#f0f0f0","pct":1.7},{"hex":"#303030","pct":1.4},{"hex":"#a0a0a0","pct":0.8}]},{"n":2,"name":"Neutral elegance","colors":[{"hex":"#ffffff","pct":26.4},{"hex":"#ffe0c0","pct":15.3},{"hex":"#d0c0b0","pct":15.3},{"hex":"#605030","pct":12.5},{"hex":"#a08060","pct":10.9},{"hex":"#705030","pct":2.4},{"hex":"#a08070","pct":2.4},{"hex":"#fffff0","pct":1.9}]},{"n":3,"name":"Jade pebble morning","colors":[{"hex":"#ffffff","pct":27.8},{"hex":"#405040","pct":20.5},{"hex":"#708080","pct":9.8},{"hex":"#c0d0b0","pct":7.9},{"hex":"#f0f0f0","pct":7.9},{"hex":"#809070","pct":7.1},{"hex":"#e0e0e0","pct":2.5},{"hex":"#80a070","pct":1.5}]},{"n":4,"name":"Woodland","colors":[{"hex":"#ffffff","pct":29.5},{"hex":"#505030","pct":20.5},{"hex":"#a0a0a0","pct":9.7},{"hex":"#b0d020","pct":9.5},{"hex":"#d0b0a0","pct":9.4},{"hex":"#a07060","pct":8.9},{"hex":"#f0f0f0","pct":1.8},{"hex":"#b0b0b0","pct":0.8}]},{"n":5,"name":"Driftwood pearl morning","colors":[{"hex":"#ffffff","pct":26.7},{"hex":"#d0d0d0","pct":19},{"hex":"#7090a0","pct":9.2},{"hex":"#c08070","pct":8.5},{"hex":"#603030","pct":8.5},{"hex":"#e0a0a0","pct":8.5},{"hex":"#d0d0c0","pct":2.4},{"hex":"#e0a090","pct":1.7}]},{"n":6,"name":"Graphite","colors":[{"hex":"#ffffff","pct":30},{"hex":"#f0c0c0","pct":16.6},{"hex":"#c0c0c0","pct":10.2},{"hex":"#90a0b0","pct":9.6},{"hex":"#808070","pct":9.2},{"hex":"#f0f0e0","pct":7},{"hex":"#f0f0f0","pct":3.5},{"hex":"#f0c0d0","pct":3.2}]},{"n":7,"name":"Urban slate","colors":[{"hex":"#ffffff","pct":29.7},{"hex":"#7080a0","pct":17},{"hex":"#808090","pct":8.8},{"hex":"#605050","pct":8.1},{"hex":"#f0e0f0","pct":8.1},{"hex":"#b09090","pct":6.3},{"hex":"#708090","pct":3.7},{"hex":"#b0a090","pct":3.4}]},{"n":8,"name":"Pearl","colors":[{"hex":"#ffffff","pct":30.8},{"hex":"#b0a0d0","pct":17.9},{"hex":"#e0c0a0","pct":9.3},{"hex":"#a09080","pct":8.8},{"hex":"#606060","pct":8.2},{"hex":"#f0e0e0","pct":8.1},{"hex":"#b0a0c0","pct":3.3},{"hex":"#706060","pct":2.1}]},{"n":9,"name":"Vichy","colors":[{"hex":"#ffffff","pct":45.9},{"hex":"#c0c0c0","pct":15.6},{"hex":"#00b0a0","pct":8.4},{"hex":"#808080","pct":8},{"hex":"#00b090","pct":4.1},{"hex":"#808090","pct":3.2},{"hex":"#809080","pct":2.3},{"hex":"#909090","pct":2}]},{"n":10,"name":"Sorbet","colors":[{"hex":"#ffffff","pct":41.8},{"hex":"#d0d0d0","pct":11.1},{"hex":"#f0f0f0","pct":10.5},{"hex":"#c0a090","pct":8.7},{"hex":"#e0e0d0","pct":6.6},{"hex":"#b0c090","pct":3.2},{"hex":"#c0c0a0","pct":3},{"hex":"#c0c090","pct":2.2}]},{"n":11,"name":"Frozen mist","colors":[{"hex":"#ffffff","pct":29.2},{"hex":"#e07010","pct":20},{"hex":"#808070","pct":9.5},{"hex":"#e0e0e0","pct":9},{"hex":"#ffffd0","pct":7.9},{"hex":"#b0b0b0","pct":6.8},{"hex":"#b0b0a0","pct":3.6},{"hex":"#f0f0f0","pct":1.1}]},{"n":12,"name":"Yacht club","colors":[{"hex":"#ffffff","pct":29.8},{"hex":"#f0f0f0","pct":16.6},{"hex":"#c0c0c0","pct":15.4},{"hex":"#704020","pct":14.8},{"hex":"#206070","pct":14},{"hex":"#b0c0c0","pct":0.9},{"hex":"#306070","pct":0.8},{"hex":"#306060","pct":0.8}]},{"n":13,"name":"Amber walnut morning","colors":[{"hex":"#ffffff","pct":27.4},{"hex":"#504040","pct":18.9},{"hex":"#f0f0f0","pct":10.6},{"hex":"#d0b0a0","pct":9},{"hex":"#c07040","pct":9},{"hex":"#d09070","pct":5.6},{"hex":"#c09070","pct":4.1},{"hex":"#404040","pct":1.4}]},{"n":14,"name":"Copper aquamarine dream","colors":[{"hex":"#ffffff","pct":25.8},{"hex":"#c0c0b0","pct":9.4},{"hex":"#d08050","pct":9.2},{"hex":"#508090","pct":9.2},{"hex":"#305060","pct":8.6},{"hex":"#e0b090","pct":7.1},{"hex":"#c05020","pct":5.5},{"hex":"#c05030","pct":2.6}]},{"n":15,"name":"Cocoa topaz noonday","colors":[{"hex":"#ffffff","pct":26.8},{"hex":"#604030","pct":19.8},{"hex":"#c0b0a0","pct":8.8},{"hex":"#703010","pct":8.4},{"hex":"#6080b0","pct":7.8},{"hex":"#ffa040","pct":7.7},{"hex":"#f0f0f0","pct":1.9},{"hex":"#703020","pct":1.1}]},{"n":16,"name":"Sandstone aquamarine serenity","colors":[{"hex":"#ffffff","pct":24.6},{"hex":"#b0e0e0","pct":19.9},{"hex":"#e0b0a0","pct":9.6},{"hex":"#603020","pct":9},{"hex":"#c07050","pct":8.9},{"hex":"#305050","pct":8.5},{"hex":"#f0f0f0","pct":1.5},{"hex":"#b0e0f0","pct":1.3}]},{"n":17,"name":"Honey opal sunset","colors":[{"hex":"#ffffff","pct":26.3},{"hex":"#504030","pct":19.8},{"hex":"#f0d080","pct":9.2},{"hex":"#a08010","pct":8.8},{"hex":"#d0c0a0","pct":8.1},{"hex":"#f0c010","pct":7.3},{"hex":"#ffffe0","pct":1.2},{"hex":"#f0c020","pct":1.2}]},{"n":18,"name":"Seashell garnet afternoon","colors":[{"hex":"#ffffff","pct":25.4},{"hex":"#5080a0","pct":9.5},{"hex":"#b0c0d0","pct":9.2},{"hex":"#d090a0","pct":8.5},{"hex":"#f0d090","pct":8},{"hex":"#10a0a0","pct":7},{"hex":"#ff7080","pct":6.2},{"hex":"#00a0a0","pct":2.7}]},{"n":19,"name":"Rose quartz evening","colors":[{"hex":"#ffffff","pct":26.8},{"hex":"#602030","pct":14.5},{"hex":"#e0e0e0","pct":14.4},{"hex":"#ff9090","pct":14.1},{"hex":"#b04040","pct":13.8},{"hex":"#f0f0f0","pct":1.4},{"hex":"#f09090","pct":1.3},{"hex":"#b04050","pct":1}]},{"n":20,"name":"Calcite","colors":[{"hex":"#ffffff","pct":29.8},{"hex":"#404040","pct":14.8},{"hex":"#e0e0e0","pct":14.6},{"hex":"#f0c0a0","pct":13.8},{"hex":"#ff8040","pct":13.7},{"hex":"#f08050","pct":1.6},{"hex":"#e0c0a0","pct":1},{"hex":"#f0f0f0","pct":1}]},{"n":21,"name":"Fireside","colors":[{"hex":"#ffffff","pct":29.1},{"hex":"#e08030","pct":9.7},{"hex":"#704030","pct":7.9},{"hex":"#e0d0c0","pct":7.4},{"hex":"#902010","pct":7.3},{"hex":"#c02010","pct":5.9},{"hex":"#e07010","pct":4.7},{"hex":"#b02010","pct":3.6}]},{"n":22,"name":"Terrazzo","colors":[{"hex":"#ffffff","pct":29.4},{"hex":"#b08050","pct":19.5},{"hex":"#d08020","pct":9.6},{"hex":"#e0d0c0","pct":8.8},{"hex":"#f0c090","pct":8.2},{"hex":"#305050","pct":5.1},{"hex":"#405050","pct":3.8},{"hex":"#f0c0a0","pct":1.3}]},{"n":23,"name":"Sapphire nightfall whisper","colors":[{"hex":"#ffffff","pct":25.3},{"hex":"#203040","pct":10.1},{"hex":"#b0c0f0","pct":9},{"hex":"#004080","pct":8.8},{"hex":"#304050","pct":8.4},{"hex":"#0070c0","pct":7},{"hex":"#5080b0","pct":6.7},{"hex":"#5070b0","pct":2.4}]},{"n":24,"name":"Lapis velvet evening","colors":[{"hex":"#ffffff","pct":27.5},{"hex":"#d0d0d0","pct":9.5},{"hex":"#603070","pct":9.2},{"hex":"#204080","pct":9},{"hex":"#f0e0d0","pct":8.5},{"hex":"#002050","pct":8},{"hex":"#903070","pct":7.4},{"hex":"#803070","pct":2.8}]},{"n":25,"name":"Marina","colors":[{"hex":"#ffffff","pct":30.3},{"hex":"#fff0f0","pct":15.4},{"hex":"#805030","pct":14.5},{"hex":"#306080","pct":14.4},{"hex":"#b0d0e0","pct":13},{"hex":"#b0d0f0","pct":1.6},{"hex":"#c0d0e0","pct":0.8},{"hex":"#406070","pct":0.8}]},{"n":26,"name":"Emerald lavender lake","colors":[{"hex":"#ffffff","pct":26.5},{"hex":"#209050","pct":18.9},{"hex":"#90e0e0","pct":18.3},{"hex":"#906090","pct":17.6},{"hex":"#a0e0e0","pct":2.8},{"hex":"#806090","pct":2.8},{"hex":"#f0fff0","pct":1.2},{"hex":"#f0ffff","pct":0.9}]},{"n":27,"name":"Sage peridot morning","colors":[{"hex":"#ffffff","pct":26.5},{"hex":"#306030","pct":14.4},{"hex":"#a0b050","pct":12.7},{"hex":"#90d090","pct":11.6},{"hex":"#a0f0e0","pct":8.9},{"hex":"#b0f0e0","pct":6.5},{"hex":"#a0b060","pct":2.1},{"hex":"#a0d090","pct":2}]},{"n":28,"name":"Amethyst dawn haze","colors":[{"hex":"#ffffff","pct":26.7},{"hex":"#e0d040","pct":19.8},{"hex":"#c0b0f0","pct":9.6},{"hex":"#d0a0b0","pct":8.8},{"hex":"#302070","pct":7.6},{"hex":"#403060","pct":6.6},{"hex":"#302060","pct":2.1},{"hex":"#503060","pct":2}]},{"n":29,"name":"Moon dust","colors":[{"hex":"#ffffff","pct":29.3},{"hex":"#d0d0ff","pct":15.9},{"hex":"#90c0e0","pct":15},{"hex":"#80b0ff","pct":13.9},{"hex":"#d0b0ff","pct":13.8},{"hex":"#f0ffff","pct":1.3},{"hex":"#a0c0e0","pct":1},{"hex":"#80b0f0","pct":0.9}]},{"n":30,"name":"Turquoise amber autumn","colors":[{"hex":"#ffffff","pct":25.8},{"hex":"#602010","pct":17.7},{"hex":"#305060","pct":9.5},{"hex":"#a0d0d0","pct":8.7},{"hex":"#e05010","pct":8.6},{"hex":"#208090","pct":5.9},{"hex":"#602000","pct":2.3},{"hex":"#207090","pct":2}]},{"n":31,"name":"Sapphire ash morning","colors":[{"hex":"#ffffff","pct":26.7},{"hex":"#f0f0f0","pct":10.5},{"hex":"#a0b0d0","pct":9},{"hex":"#e0b0b0","pct":8.9},{"hex":"#b06060","pct":8.9},{"hex":"#306080","pct":8.4},{"hex":"#90a0a0","pct":7},{"hex":"#90a090","pct":2.7}]},{"n":32,"name":"Frosted aura","colors":[{"hex":"#ffffff","pct":45.9},{"hex":"#a0a0a0","pct":16},{"hex":"#608090","pct":15.7},{"hex":"#d0e0e0","pct":14.8},{"hex":"#e0e0e0","pct":1.6},{"hex":"#b0b0b0","pct":0.9},{"hex":"#f0f0f0","pct":0.9},{"hex":"#909090","pct":0.6}]},{"n":33,"name":"Royal glimmer","colors":[{"hex":"#ffffff","pct":27.9},{"hex":"#803050","pct":20.2},{"hex":"#b08050","pct":8.9},{"hex":"#005040","pct":8.3},{"hex":"#d0a050","pct":7.8},{"hex":"#304080","pct":6.7},{"hex":"#204080","pct":1.5},{"hex":"#c0a050","pct":1}]},{"n":34,"name":"Neptune","colors":[{"hex":"#ffffff","pct":28.5},{"hex":"#90e0ff","pct":14.2},{"hex":"#50b0b0","pct":14.1},{"hex":"#5060ff","pct":14},{"hex":"#7090c0","pct":13.8},{"hex":"#f0ffff","pct":2.6},{"hex":"#50b0c0","pct":1.5},{"hex":"#7080d0","pct":0.8}]},{"n":35,"name":"Tropical jade sunrise","colors":[{"hex":"#ffffff","pct":26.8},{"hex":"#108080","pct":18.8},{"hex":"#ffd080","pct":9},{"hex":"#ffa080","pct":7.9},{"hex":"#20d0e0","pct":6.6},{"hex":"#a0d0b0","pct":5.1},{"hex":"#a0d0a0","pct":4.3},{"hex":"#20d0d0","pct":1.7}]},{"n":36,"name":"Amethyst mint harmony","colors":[{"hex":"#ffffff","pct":26},{"hex":"#f050c0","pct":19.3},{"hex":"#503050","pct":9.7},{"hex":"#304040","pct":9},{"hex":"#506060","pct":7.4},{"hex":"#90f090","pct":5.5},{"hex":"#90f080","pct":2.4},{"hex":"#606060","pct":2.2}]},{"n":37,"name":"Hibiscus aura","colors":[{"hex":"#ffffff","pct":27.2},{"hex":"#704070","pct":13.5},{"hex":"#f040d0","pct":12.9},{"hex":"#5050b0","pct":8.7},{"hex":"#e03020","pct":8.6},{"hex":"#e03030","pct":5},{"hex":"#6040b0","pct":2.5},{"hex":"#5040b0","pct":2.2}]},{"n":38,"name":"Ocean ruby radiance","colors":[{"hex":"#ffffff","pct":27.2},{"hex":"#0060b0","pct":19.5},{"hex":"#ff7040","pct":8.5},{"hex":"#b0e0e0","pct":8},{"hex":"#009050","pct":7.1},{"hex":"#e02070","pct":5.2},{"hex":"#d02070","pct":2.7},{"hex":"#009060","pct":1.8}]},{"n":39,"name":"Tropical heat","colors":[{"hex":"#ffffff","pct":28.6},{"hex":"#f04000","pct":14.2},{"hex":"#fff0c0","pct":13.9},{"hex":"#ffa060","pct":13.8},{"hex":"#00d0d0","pct":12.1},{"hex":"#00d0c0","pct":2.5},{"hex":"#fff0d0","pct":0.9},{"hex":"#e05010","pct":0.9}]},{"n":40,"name":"Celestial","colors":[{"hex":"#ffffff","pct":28.9},{"hex":"#fff020","pct":13.7},{"hex":"#808050","pct":13.7},{"hex":"#2020ff","pct":13.6},{"hex":"#ffc020","pct":13.1},{"hex":"#fff030","pct":1.5},{"hex":"#ffc030","pct":1.3},{"hex":"#f0c040","pct":1.2}]},{"n":41,"name":"Festive eve","colors":[{"hex":"#ffffff","pct":27.8},{"hex":"#8040ff","pct":14.5},{"hex":"#c050ff","pct":14.4},{"hex":"#20b0ff","pct":14.3},{"hex":"#2020ff","pct":12.5},{"hex":"#3020ff","pct":1.2},{"hex":"#fff0ff","pct":1},{"hex":"#a060ff","pct":0.9}]},{"n":42,"name":"Freshly squeezed","colors":[{"hex":"#ffffff","pct":26.2},{"hex":"#ffc000","pct":14.5},{"hex":"#f0d080","pct":14.2},{"hex":"#ff8000","pct":14.2},{"hex":"#ffe040","pct":13.3},{"hex":"#fffff0","pct":1.4},{"hex":"#ffe050","pct":1.3},{"hex":"#f0d070","pct":1.3}]},{"n":43,"name":"Jelly shoes","colors":[{"hex":"#ffffff","pct":29.6},{"hex":"#e0b0ff","pct":15.3},{"hex":"#c0d0ff","pct":13.4},{"hex":"#8060e0","pct":12.9},{"hex":"#e060e0","pct":10.5},{"hex":"#e070e0","pct":3.7},{"hex":"#9060e0","pct":1.6},{"hex":"#d070e0","pct":1.5}]},{"n":44,"name":"Opaline","colors":[{"hex":"#ffffff","pct":31.1},{"hex":"#f0f0f0","pct":27.1},{"hex":"#d0d0d0","pct":13.9},{"hex":"#ff6050","pct":13.3},{"hex":"#e0e0e0","pct":1.9},{"hex":"#f0f0ff","pct":1.9},{"hex":"#ff6040","pct":1.3},{"hex":"#f0f0e0","pct":1}]},{"n":45,"name":"Gossamer","colors":[{"hex":"#ffffff","pct":40.5},{"hex":"#f05020","pct":18.3},{"hex":"#d0d0d0","pct":10.7},{"hex":"#30d0d0","pct":8.9},{"hex":"#9090a0","pct":5},{"hex":"#909090","pct":4.1},{"hex":"#a0a0a0","pct":1.2},{"hex":"#e05030","pct":1.1}]},{"n":46,"name":"Clockwork","colors":[{"hex":"#ffffff","pct":38.5},{"hex":"#e06010","pct":17.9},{"hex":"#d0d0d0","pct":9.6},{"hex":"#ffa060","pct":8.1},{"hex":"#909090","pct":5.2},{"hex":"#9090a0","pct":5.1},{"hex":"#e06020","pct":1.6},{"hex":"#f0a060","pct":1.3}]},{"n":47,"name":"Lemon granite morning","colors":[{"hex":"#ffffff","pct":26.5},{"hex":"#305060","pct":15.7},{"hex":"#708090","pct":15.3},{"hex":"#c0c0c0","pct":14.2},{"hex":"#f0e010","pct":12.8},{"hex":"#f0f0f0","pct":1.5},{"hex":"#f0e000","pct":1.1},{"hex":"#909090","pct":1.1}]},{"n":48,"name":"Arctic reflection","colors":[{"hex":"#ffffff","pct":28.5},{"hex":"#708090","pct":18.7},{"hex":"#f0ffff","pct":10.1},{"hex":"#b0c0c0","pct":9.8},{"hex":"#204050","pct":9},{"hex":"#5090b0","pct":7.3},{"hex":"#608090","pct":1.2},{"hex":"#f0f0f0","pct":1.1}]},{"n":49,"name":"Slate","colors":[{"hex":"#ffffff","pct":30.9},{"hex":"#f0f0f0","pct":21.5},{"hex":"#c0c0c0","pct":9.3},{"hex":"#708070","pct":8.7},{"hex":"#80f090","pct":7.9},{"hex":"#50c050","pct":5.7},{"hex":"#50c060","pct":3.9},{"hex":"#d0d0d0","pct":1.1}]},{"n":50,"name":"Autumn luxe","colors":[{"hex":"#ffffff","pct":29.8},{"hex":"#303020","pct":15.8},{"hex":"#b0b0b0","pct":9.2},{"hex":"#c08040","pct":9.2},{"hex":"#807060","pct":8.9},{"hex":"#e0e0f0","pct":8.3},{"hex":"#303030","pct":4.7},{"hex":"#e0e0e0","pct":1.8}]},{"n":51,"name":"Inked","colors":[{"hex":"#ffffff","pct":31.3},{"hex":"#a0a0a0","pct":15.5},{"hex":"#404040","pct":10.1},{"hex":"#000000","pct":9.6},{"hex":"#e0e0e0","pct":9.4},{"hex":"#00b0b0","pct":8.5},{"hex":"#a0b0a0","pct":3.4},{"hex":"#b0b0a0","pct":1.3}]},{"n":52,"name":"Wraith","colors":[{"hex":"#ffffff","pct":29.7},{"hex":"#302000","pct":19.3},{"hex":"#e0e0e0","pct":8.5},{"hex":"#909070","pct":8.1},{"hex":"#202000","pct":7.8},{"hex":"#008060","pct":6.6},{"hex":"#008050","pct":2},{"hex":"#f0e0e0","pct":1.3}]},{"n":53,"name":"Urban nocturne","colors":[{"hex":"#ffffff","pct":28.4},{"hex":"#909090","pct":17.5},{"hex":"#101010","pct":9.6},{"hex":"#d0d0d0","pct":9.3},{"hex":"#404040","pct":8.4},{"hex":"#e0f000","pct":6.6},{"hex":"#a0a0a0","pct":3.5},{"hex":"#f0f0f0","pct":2.1}]}]
|