# Luna UI

> Public gallery of UI elements, tools and color palettes curated by the thuvien team. Code is MIT. Copy elements as they are and keep their tv- class names and any `requires` contract.

## How to use
- Add .md to any element, tool or palette URL for a Markdown version with the code.
- Tools take their settings in the query string; the .md of a tool URL returns finished code for those settings.
- Kits group elements and tools drawn in one style; a kit's .md lists its pieces in order with any shared tokens.

## Elements
- [RPG panel](https://thuvien.org/ui/elements/rpg-panel.md): Beveled panel with an inset rim and corner pieces: brass by default, plus rarity\-tier variants\. Category: frames.
- [Prismatic panel](https://thuvien.org/ui/elements/prismatic-panel.md): Dark frame with a drifting prismatic edge, a light sweep and four\-colour corner pieces\. Category: frames.
- [RPG progress bar](https://thuvien.org/ui/elements/rpg-progress-bar.md): Bronze\-framed bar with a glossy fill, slow shimmer and centred readout; gold, health, mana and more\. Category: misc.
- [Curio display case](https://thuvien.org/ui/elements/curio-case.md): Showcase tile whose frame, finial and plinth light climb a six\-tier metal ladder\. Category: tiles.
- [Ambient particles](https://thuvien.org/ui/elements/ambient-particles.md): A softly masked layer of drifting particles: rising motes, fireflies, falling petals, embers or rain\. Category: misc.
- [Webcore window](https://thuvien.org/ui/elements/webcore-window.md): Pastel retro OS window: dotted pink frame, title bar controls and a scrolling white page\. Category: frames.
- [Webcore dialog](https://thuvien.org/ui/elements/webcore-dialog.md): Retro OS alert box: coloured title bar, grey face, centred message and double\-ruled buttons\. Category: frames.
- [Webcore message bar](https://thuvien.org/ui/elements/webcore-message.md): Retro system message strip with a count and dismiss key; lilac, pink or plain with a speech bubble\. Category: badges.
- [Webcore progress window](https://thuvien.org/ui/elements/webcore-progress.md): Pastel pop\-up with a segmented block progress bar; set the fill with one CSS variable, or loop it\. Category: misc.
- [Webcore desktop icons](https://thuvien.org/ui/elements/webcore-icons.md): Pixel desktop icons on a lavender desk: file, folder, book and program, with OS\-style selection\. Category: tiles.
- [Webcore button](https://thuvien.org/ui/elements/webcore-button.md): Retro OS push button with a hard drop shadow; pink, lilac, grey or double\-ruled default\. Category: misc.
- [Webcore form controls](https://thuvien.org/ui/elements/webcore-form.md): Retro OS text field, checkbox, radio buttons and dropdown on a grey or pink dialog face\. Category: misc.
- [Webcore hourglass](https://thuvien.org/ui/elements/webcore-hourglass.md): Pixel hourglass busy indicator: the sand drains, the glass flips; optionally beside a pixel arrow cursor\. Category: misc.
- [Webcore captcha](https://thuvien.org/ui/elements/webcore-captcha.md): Joke captcha dialog: a big tick box, a binary code field and yes or no keys in retro OS chrome\. Category: frames.

## Tools
- [Gradient background](https://thuvien.org/ui/tools/gradient-background.md): Build a linear or radial gradient from a palette, or randomize its colors\. Presets: sunset, ocean, aurora.
- [Gradient text](https://thuvien.org/ui/tools/gradient-text.md): Gradient\-filled text with optional glow and motion\. Presets: embered, frostfire, goldenrod, voidshift, prismatic, burning, crowned.
- [Retro button](https://thuvien.org/ui/tools/retro-button.md): Web 1\.0 and Web 2\.0 buttons: glossy gel pills, Aqua jelly and Windows 98 bevels from one base color\. Presets: butter, bubblegum, mint-soda, lilac, aqua, graphite, classic-98, geocities.

## Kits
- [Lost Fantasy](https://thuvien.org/ui/kits/lost-fantasy.md): Fantasy RPG interface pieces from Lost Fantasy: panels, bars, item cases, particles and gradient names\. Pieces: rpg-panel, prismatic-panel, rpg-progress-bar, curio-case, ambient-particles, gradient-text.
- [Webcore](https://thuvien.org/ui/kits/webcore.md): Pastel retro OS pieces: windows, dialogs, a joke captcha, buttons, form controls, block progress, a busy hourglass and pixel desktop icons\. Pieces: webcore-window, webcore-dialog, webcore-captcha, webcore-message, webcore-progress, webcore-hourglass, webcore-button, webcore-form, webcore-icons.

## Color palettes
- [Webcore](https://thuvien.org/ui/colors/webcore.md): #F7B5E4 #A49BF3 #A445DD #2C2B9F #D9D9E5 #FFFFFF
- [Neon Afterparty](https://thuvien.org/ui/colors/neon-afterparty.md): #FF2ED1 #00F5FF #8A2BFF #B4FF00 #0A0A12
- [Desert Daybreak](https://thuvien.org/ui/colors/desert-daybreak.md): #567B81 #B2D9E0 #FBDBBF #F9B97F #CC7229 #A7BA93
- [Berry Thicket](https://thuvien.org/ui/colors/berry-thicket.md): #3D5925 #30361F #50792C #6E934A #96AE79 #C1D6CB #992F2C
- [Zen Garden](https://thuvien.org/ui/colors/zen-garden.md): #EEDADA #36452B #8A9646 #7F7D74 #D7D0C5
- [Rapeseed Meadow](https://thuvien.org/ui/colors/rapeseed-meadow.md): #EAC800 #EAD465 #F5EAB9 #7E8407 #254E06
- [Matcha Milk Mousse](https://thuvien.org/ui/colors/matcha-milk-mousse.md): #9AB077 #B8CF88 #C4D8A2 #E9F0D6
- [Spring Brook Tea](https://thuvien.org/ui/colors/spring-brook-tea.md): #FFF157 #70D204 #B9ED2E #FFF5B0
- [Little Spring Moon](https://thuvien.org/ui/colors/little-spring-moon.md): #D8F0BE #FCFCEE #F2F9E9 #B5CEB1
- [Mango Pomelo Sago](https://thuvien.org/ui/colors/mango-pomelo-sago.md): #D8E6CD #F5F6EA #FCE6AF #F9C9B2
- [Cookie Jar](https://thuvien.org/ui/colors/cookie-jar.md): #4D2308 #814414 #B96D2C #F1B93D #F3CEA2
- [Periwinkle Blush](https://thuvien.org/ui/colors/periwinkle-blush.md): #F6D7C3 #ACBFEA #C8D5F6 #FED7DD #FFC5CE #FFACBB
- [Tutti Frutti](https://thuvien.org/ui/colors/tutti-frutti.md): #F886AB #FE8D6F #FDC453 #DFDD6C #A0DDE0 #9ADBC5
- [Mango Sorbet](https://thuvien.org/ui/colors/mango-sorbet.md): #FDCFBB #FF97A5 #FD8B64 #FEB78D #FFEFB9 #FCD353
- [Raspberry Honey](https://thuvien.org/ui/colors/raspberry-honey.md): #FCEDBE #F6CF80 #EE816A #F7C9D3 #EE84A8 #D35A7F
- [Lava and Steel](https://thuvien.org/ui/colors/lava-and-steel.md): #780000 #C1121F #669BBC #FDF0D5 #003049
- [Soft Aurora](https://thuvien.org/ui/colors/soft-aurora.md): #FFD6DA #FFC6D0 #E1F7E7 #D1EAF5 #C3D6F2 #768CCE
- [Harvest Meadow](https://thuvien.org/ui/colors/harvest-meadow.md): #638A55 #9BBA74 #CDDB86 #FCE7B2 #E1B083 #C48D60
- [Mint Glow](https://thuvien.org/ui/colors/mint-glow.md): #96DFD8 #85D4BE #AEE6CB #CDEEF3 #DAF1DE #D6E9AA
- [Pastel Drift](https://thuvien.org/ui/colors/pastel-drift.md): #FAF1D6 #FAD4AE #FDAFAB #FADEE1 #D9F1F1 #B6E3E9
- [Spring Orchard](https://thuvien.org/ui/colors/spring-orchard.md): #FDACBB #FFABAA #FA8A89 #C2CB81 #5F936A #357D71
- [Seaside Sorbet](https://thuvien.org/ui/colors/seaside-sorbet.md): #F9D8C5 #FCBDAB #94D183 #6EBDA8 #269493 #20485A
- [Dusk Garden](https://thuvien.org/ui/colors/dusk-garden.md): #D986B1 #F2A6C2 #28495E #35635A #6AA173 #C0D9A2
- [Blush Lagoon](https://thuvien.org/ui/colors/blush-lagoon.md): #F47B8F #F3AABB #F5CDD3 #EDEDED #A1DCD8 #51AEAE
- [Peach Tides](https://thuvien.org/ui/colors/peach-tides.md): #2B78A2 #6EA8C9 #B6DEE7 #FCD9DD #F9E2CF #F2CDAF
- [Apricot Mist](https://thuvien.org/ui/colors/apricot-mist.md): #FC9F66 #FAC357 #FAE39C #B8E0E3 #97C5D8 #84A9CD
- [Coastal Pop](https://thuvien.org/ui/colors/coastal-pop.md): #D4343F #F3505A #ECEBEA #085979 #008EA0 #64BABE
- [Bubblegum Sky](https://thuvien.org/ui/colors/bubblegum-sky.md): #A077FF #D6BBFF #FFCAF8 #FE86C1 #40CBEA #9CEBEE
- [Sunlit Meadow](https://thuvien.org/ui/colors/sunlit-meadow.md): #86A845 #B3C648 #FAC240 #FED46E #A2D89F #CCF0C5
- [Cherry Blossom](https://thuvien.org/ui/colors/cherry-blossom.md): #E8A2B8 #A6C871 #6A8A45 #FFF8E7 #F3C6D1 #2F5847
- [Wow Colors](https://thuvien.org/ui/colors/wow-colors.md): #64BAD9 #C1C3F9 #F47C78 #F6DF7A
- [Forest Gradient](https://thuvien.org/ui/colors/forest-gradient.md): #23330E #3C5718 #678E34 #A2CA6C #C7DFA7
- [Orchard Basket](https://thuvien.org/ui/colors/orchard-basket.md): #C64632 #C60550 #E2C599 #9AA98A
- [Autumn Hearth](https://thuvien.org/ui/colors/autumn-hearth.md): #A44842 #C45B31 #6B0303 #636802 #DA8825
- [Autumn Trail](https://thuvien.org/ui/colors/autumn-trail.md): #DDA345 #9D742B #EFBF4B #5F6125 #233918
- [Night City Neon](https://thuvien.org/ui/colors/night-city-neon.md): #0A0A0F #0FF4F9 #FF2B6E #8C3BFF #F9E900
- [Retro Spring](https://thuvien.org/ui/colors/retro-spring.md): #F5CEC7 #FFCA8C #EBA5A5 #C7C19D #FABB92 #A4BDA8
- [Summer Dream](https://thuvien.org/ui/colors/summer-dream.md): #0081A7 #00AFB9 #FDFCDC #FED9B7 #F07167
- [Raisin Sundae](https://thuvien.org/ui/colors/raisin-sundae.md): #2E211C #9CB8B7 #EAE0C7 #C06226 #984619
- [Meyer Lemon Daydream](https://thuvien.org/ui/colors/meyer-lemon-daydream.md): #EFD780 #C8CE72 #F38081 #F79977 #BDD8F1
- [Navy Teal Beige](https://thuvien.org/ui/colors/navy-teal-beige.md): #2F4156 #567C8D #F5EFEB #C8D9E6 #FFFFFF
- [Rosewater Glow](https://thuvien.org/ui/colors/rosewater-glow.md): #FCECDF #9E122C #EE6A43 #F99D90 #FBCB77
- [Deep Space](https://thuvien.org/ui/colors/deep-space.md): #112C70 #5B58EB #BB63FF #56E1E9 #0A2353
- [Green Screen](https://thuvien.org/ui/colors/green-screen.md): #F4FFFC #91EAAF #C3E956 #4D7111 #1F4B2C
- [Retro Magic](https://thuvien.org/ui/colors/retro-magic.md): #FFF7AD #FFB3AE #FF49C1 #6A1452 #44113E
- [On Fire](https://thuvien.org/ui/colors/on-fire.md): #FFFB97 #FE7F42 #B32C1A #7A4B47 #2A1617
- [Coral Wave](https://thuvien.org/ui/colors/coral-wave.md): #FCEDD8 #FFD464 #FF5E5E #E23C64 #B0183D
- [Summer Starfish](https://thuvien.org/ui/colors/summer-starfish.md): #FBA164 #FB829D #FBADC1 #F7E8DD #F95965
- [Pastel Steps](https://thuvien.org/ui/colors/pastel-steps.md): #FF8FA4 #FAD484 #91D9CF #94B7D9 #0C4E80
- [Blueberry Icecream](https://thuvien.org/ui/colors/blueberry-icecream.md): #F4B07A #F8C38F #F9E0A8 #9CC2E0 #7FA8E5
- [Caution is Not Coldness](https://thuvien.org/ui/colors/caution-is-not-coldness.md): #E6BA66 #D46048 #0E3C42 #3F2932 #6E3A44
- [Silent Gold](https://thuvien.org/ui/colors/silent-gold.md): #B75C7C #C57B8A #D29893 #EDBF9C #FDEAC1
- [Melody of Freefall](https://thuvien.org/ui/colors/melody-of-freefall.md): #3B254D #1F4D8F #3E629D #6F87AA #C1C9DD
- [Limeade on Ice](https://thuvien.org/ui/colors/limeade-on-ice.md): #59A80F #9ED54C #C4ED68 #E2FF9E #F0F2DD
- [nightgown\.](https://thuvien.org/ui/colors/nightgown.md): #FFB884 #F5DF98 #FFF8D4 #C0D1C2 #2E4347
- [My November\.](https://thuvien.org/ui/colors/my-november.md): #5E3929 #CD8C52 #B7D1A3 #DEE8BE #FCF7D3
- [secret spirit](https://thuvien.org/ui/colors/secret-spirit.md): #C9B5B2 #65E1BC #A5E6C8 #D8ECC6 #FCF3DE
- [slipping through](https://thuvien.org/ui/colors/slipping-through.md): #FFFBF7 #F5F3DF #DEEBC5 #9FD4C2 #32C7D1
- [Pastel Comfort](https://thuvien.org/ui/colors/pastel-comfort.md): #D4E09B #F6F4D2 #CBDFBD #F19C79 #A44A3F
- [Turquoise Harmony](https://thuvien.org/ui/colors/turquoise-harmony.md): #05668D #028090 #00A896 #02C39A #F0F3BD
- [Midnight Sky](https://thuvien.org/ui/colors/midnight-sky.md): #00296B #003F88 #00509D #FDC500 #FFD500
- [Pastel Bloom](https://thuvien.org/ui/colors/pastel-bloom.md): #E0DAFA #E4ECC9 #FAF8DF #FCE1D7 #FEDCA8
- [Soft Seashells](https://thuvien.org/ui/colors/soft-seashells.md): #F8F7FF #D8E2DC #FAE1DD #FEC5BB #FEC99B
- [Faded Blues](https://thuvien.org/ui/colors/faded-blues.md): #EDF2FA #D7E3FC #CCDBFD #C1D3FE #ABC4FF
- [Earthy Tones](https://thuvien.org/ui/colors/earthy-tones.md): #F0EAD2 #DDE5B4 #ADC178 #A98467 #6C584C
- [Caribbean](https://thuvien.org/ui/colors/caribbean.md): #53D2DC #3196E2 #FF826C #FFC05F
- [Melon](https://thuvien.org/ui/colors/melon.md): #97DBAE #C3E5AE #F1E1A6 #F4BBBB
- [Petals](https://thuvien.org/ui/colors/petals.md): #588C7E #689581 #ACBC8A #DDD7AC
- [Rose](https://thuvien.org/ui/colors/rose.md): #CC184E #E84575 #F76CAE #FFE3B3
- [Strawberry](https://thuvien.org/ui/colors/strawberry.md): #DD4470 #FE72A9 #C6DF76 #FFE3B3
- [Fruits Basket](https://thuvien.org/ui/colors/fruits-basket.md): #E984A2 #B9CC95 #F8D49B #F8E6CB
- [Fresh Grove](https://thuvien.org/ui/colors/fresh-grove.md): #A3C770 #58895D #F0EDE8 #EDBA83 #52514E
- [Summer Beach Party](https://thuvien.org/ui/colors/summer-beach-party.md): #2ECFCA #F9F3DE #F8DF77 #FF4E62
- [Heavenly Summer](https://thuvien.org/ui/colors/heavenly-summer.md): #FC8585 #FFC86D #FDBBA2 #F6EADB #85CBD9
- [Kawaii](https://thuvien.org/ui/colors/kawaii.md): #FAD4D9 #FCE9B2 #F8D7C6 #FFEDF3 #E0EED5 #F2CCE3
- [Technicolor](https://thuvien.org/ui/colors/technicolor.md): #FFADAD #FFD6A5 #FDFFB6 #E4F1EE #D9EDF8 #DEDAF4
- [Coastal Fade](https://thuvien.org/ui/colors/coastal-fade.md): #E5F4AF #549B90 #45ADA8 #9DE0AD #5E5C62
- [Minty Blush](https://thuvien.org/ui/colors/minty-blush.md): #A8E6CE #DCEDC2 #FFD3B5 #FFAAA6 #FF8C94
- [Moss Sunset](https://thuvien.org/ui/colors/moss-sunset.md): #99B898 #FECBA8 #FF847C #E84A5F #2A363B
- [Sunset Poster](https://thuvien.org/ui/colors/sunset-poster.md): #FBB195 #F67280 #C06C84 #6C5B7B #355C7D
- [Tropical Vaporwave](https://thuvien.org/ui/colors/tropical-vaporwave.md): #F7A93D #DF6552 #CE4458 #962662 #590C68
- [Flower Child](https://thuvien.org/ui/colors/flower-child.md): #8E2605 #E54B1F #FDC018 #628A81 #5F3924
- [70s Sunshine](https://thuvien.org/ui/colors/70s-sunshine.md): #68C7C1 #FACA78 #F57F5B #DD5341 #794A3A
- [Tape Deck](https://thuvien.org/ui/colors/tape-deck.md): #383431 #79C39E #EAD1B5 #EE9B69 #E77843
- [Acid\-Etched](https://thuvien.org/ui/colors/acid-etched.md): #774320 #B44819 #F5F3C7 #FD9A02 #01928B
- [Throwback Stripes](https://thuvien.org/ui/colors/throwback-stripes.md): #FBD0A6 #F37022 #B11016 #2ABA9E #007096
- [80s Colorslide](https://thuvien.org/ui/colors/80s-colorslide.md): #2BAF90 #A1D4B1 #F1A512 #DD4111 #8C0027
- [Warm Rainbow](https://thuvien.org/ui/colors/warm-rainbow.md): #01204E #028391 #F6DCAC #FAA968 #F85525
- [Honey Pot](https://thuvien.org/ui/colors/honey-pot.md): #102937 #124D54 #F9744B #D6C4B0 #EDE6DF
- [Wasabi Willow](https://thuvien.org/ui/colors/wasabi-willow.md): #7E8828 #C5C96B #E8EFCD #A09579 #483D21
- [Cordial](https://thuvien.org/ui/colors/cordial.md): #774F38 #E08E79 #F1D4AF #ECE5CE #C5E0DC
- [Overall Color Palette \(July\)](https://thuvien.org/ui/colors/overall-color-palette-july.md): #26547D #EF436B #FFCE5C #05C793 #FFF5EB
- [Barely Blush](https://thuvien.org/ui/colors/barely-blush.md): #F4C2C2 #DEB7C4 #FFF5EE #EFDECD #FFFFF0
- [Noir Chic](https://thuvien.org/ui/colors/noir-chic.md): #1E1E1E #595959 #A6A6A6 #D0D0D0 #F1EFEF
- [Emerald Essence](https://thuvien.org/ui/colors/emerald-essence.md): #0D2B1D #345635 #6B8F71 #AEC3B0 #E3EFD3
- [Rustic Radiance](https://thuvien.org/ui/colors/rustic-radiance.md): #7E102C #E1D4C1 #D7A9A8 #58423F #E1D3CC
- [Classic Elegance](https://thuvien.org/ui/colors/classic-elegance.md): #2E4053 #BFC9CA #AAB7B8 #D5D8DC #F1C40F
- [Northern Lights](https://thuvien.org/ui/colors/northern-lights.md): #020316 #5C2755 #D4AA70 #783014 #6A7543
- [Maasai Steppe](https://thuvien.org/ui/colors/maasai-steppe.md): #A93C3B #E1BB63 #727272 #98C379 #D19275
- [Icelandic Tones](https://thuvien.org/ui/colors/icelandic-tones.md): #69A2B0 #323232 #A7D7C5 #F4E1D2 #D198A5
- [Kyoto Blossom](https://thuvien.org/ui/colors/kyoto-blossom.md): #FFB7C5 #9C2B2B #647C64 #241E30 #DAA520
- [Marrakech Market](https://thuvien.org/ui/colors/marrakech-market.md): #C73E1D #FFDA4D #00A7A7 #C2A078 #423B58
- [Saharan Mirage](https://thuvien.org/ui/colors/saharan-mirage.md): #E97451 #F2C641 #12A4A3 #6A8D71 #EECBA8
- [Vintage Denim](https://thuvien.org/ui/colors/vintage-denim.md): #F7EFE7 #D1B18B #729BA3 #2E5A74 #1B3A4B
- [Aqua Dream](https://thuvien.org/ui/colors/aqua-dream.md): #E6FAF5 #A7DDE9 #66B2D6 #3A7C94 #2C3E50
- [Mangos for Mormons](https://thuvien.org/ui/colors/mangos-for-mormons.md): #595643 #4E6B66 #ED834E #EBCC6E #EBE1C5
- [Cool Eve](https://thuvien.org/ui/colors/cool-eve.md): #512B52 #635274 #7BB0A8 #A7DBAB #E4F5B1
- [Playroom](https://thuvien.org/ui/colors/playroom.md): #058789 #503D2E #D54B1A #E3A72F #F0ECC9
- [a lost memory\.](https://thuvien.org/ui/colors/a-lost-memory.md): #4D3B3B #DE6262 #FFB88C #FFD0B3 #F5E0D3
- [The Way You Love Me](https://thuvien.org/ui/colors/the-way-you-love-me.md): #1C2130 #028F76 #B3E099 #FFEAAD #D14334
- [Papua New Guinea](https://thuvien.org/ui/colors/papua-new-guinea.md): #5E412F #FCEBB6 #78C0A8 #F07818 #F0A830
- [Gentle Waves](https://thuvien.org/ui/colors/gentle-waves.md): #D3E2B6 #C3DBB4 #AACCB1 #87BDB1 #68B3AF
- [Vintage Modern](https://thuvien.org/ui/colors/vintage-modern.md): #8C2318 #5E8C6A #88A65E #BFB35A #F2C45A
- [Headache](https://thuvien.org/ui/colors/headache.md): #655643 #80BCA3 #F6F7BD #E6AC27 #BF4D28
- [cheer up emo kid](https://thuvien.org/ui/colors/cheer-up-emo-kid.md): #556270 #4ECDC4 #C7F464 #FF6B6B #C44D58
- [Giant Goldfish](https://thuvien.org/ui/colors/giant-goldfish.md): #69D2E7 #A7DBD8 #E0E4CC #F38630 #FA6900
- [Strawberry Cream](https://thuvien.org/ui/colors/strawberry-cream.md): #AF3039 #C65E6A #E7A9B1 #F1D2D4 #F8EFF1
- [Neutral Harmony Bliss](https://thuvien.org/ui/colors/neutral-harmony-bliss.md): #F4F1DE #E07A5F #3D405B #81B29A #F2CC8F
- [Sail at Dusk](https://thuvien.org/ui/colors/sail-at-dusk.md): #17172C #7A6876 #DF8C6E #D05557 #8D4658
- [Blooming Grove](https://thuvien.org/ui/colors/blooming-grove.md): #183114 #446129 #92A65F #F3F4D3 #DCDE9F
- [Golden Orchard](https://thuvien.org/ui/colors/golden-orchard.md): #491701 #833A00 #E09601 #FFF804 #7B9317
- [Harbor Sunset](https://thuvien.org/ui/colors/harbor-sunset.md): #17292E #4E888A #F8F1D4 #F19645 #FE2D36
- [Velvet Ember](https://thuvien.org/ui/colors/velvet-ember.md): #1E0F22 #B2AB99 #F4F2E5 #F48454 #E9464B
- [Autumn Grove](https://thuvien.org/ui/colors/autumn-grove.md): #3C4C1F #989A60 #D69B38 #CE7B1D #B14F21
- [Seafoam Rose](https://thuvien.org/ui/colors/seafoam-rose.md): #60BFC1 #BADFD7 #F7E3DB #FDB7B9 #C17779
- [Summer Energy](https://thuvien.org/ui/colors/summer-energy.md): #FFCCE1 #F2F1ED #CDE5D9 #F2EBCC #C6E2E7 #F7DDE8
- [Spring Fling](https://thuvien.org/ui/colors/spring-fling.md): #DAECE1 #F9E892 #F7E5E1 #FDA88C #FFDCD4 #F2F0EE
- [Warm Arches](https://thuvien.org/ui/colors/warm-arches.md): #2F5962 #FFF4B2 #D69C2F #A13A34 #55090C
- [Sea Glass](https://thuvien.org/ui/colors/sea-glass.md): #205781 #4F959D #98D2C0 #F6F8D5
- [Ice Coastline](https://thuvien.org/ui/colors/ice-coastline.md): #3674B5 #578FCA #A1E3F9 #D1F8EF
- [Golden Summer Fields](https://thuvien.org/ui/colors/golden-summer-fields.md): #CCD5AE #E9EDC9 #FEFAE0 #FAEDCD #D4A373
- [Peach Sorbet](https://thuvien.org/ui/colors/peach-sorbet.md): #F08080 #F4978E #F8AD9D #FBC4AB #FFDAB9
- [Peach Meadow](https://thuvien.org/ui/colors/peach-meadow.md): #F5CEC7 #E79796 #FFC98B #FFB284 #C6C09C
- [Pastel Sherbet](https://thuvien.org/ui/colors/pastel-sherbet.md): #86E3CE #D0E6A5 #FFDD94 #FA897B #CCABD8
- [Summer Ocean Breeze](https://thuvien.org/ui/colors/summer-ocean-breeze.md): #E63946 #F1FAEE #A8DADC #457B9D #1D3557
- [Pastel Breeze](https://thuvien.org/ui/colors/pastel-breeze.md): #F875AA #FDEDED #EDFFF0 #AEDEFC
- [Happy Day \!](https://thuvien.org/ui/colors/happy-day.md): #A1DBB2 #FEE5AD #FACA66 #F7A541 #F45D4C
- [Royal Blue Exterior](https://thuvien.org/ui/colors/royal-blue-exterior.md): #162660 #D0E6FD #F1E4D1
- [Slate](https://thuvien.org/ui/colors/slate.md): #326789 #78A6C8 #E9EEF2 #E65C4F
- [Futuristic](https://thuvien.org/ui/colors/futuristic.md): #F22F91 #7F01C2 #420AAC #4C60FD #58CEF2 #B6FFE3
- [Cool](https://thuvien.org/ui/colors/cool.md): #43729C #6BB1DA #D1ECFF #1E5470 #6BC1D1 #C8EAEC
- [coup de grâce](https://thuvien.org/ui/colors/coup-de-grace.md): #99B898 #FECEA8 #FF847C #E84A5F #2A363B
- [Fresh Greens](https://thuvien.org/ui/colors/fresh-greens.md): #386641 #6A994E #A7C957 #F2E8CF #BC4749
- [Blue Serenity](https://thuvien.org/ui/colors/blue-serenity.md): #EDF2FB #E2EAFC #D7E3FC #CCDBFD #C1D3FE #B6CCFE #ABC4FF
- [Soft Peachy Delight](https://thuvien.org/ui/colors/soft-peachy-delight.md): #FEC5BB #FCD5CE #FAE1DD #F8EDEB #E8E8E4 #D8E2DC #ECE4DB #FFE5D9 #FFD7BA #FEC89A
- [Meadow Green](https://thuvien.org/ui/colors/meadow-green.md): #D9ED92 #B5E48C #99D98C #76C893 #52B69A #34A0A4 #168AAD #1A759F #1E6091 #184E77
- [Soft Pink Delight](https://thuvien.org/ui/colors/soft-pink-delight.md): #FFE5EC #FFC2D1 #FFB3C6 #FF8FAB #FB6F92
- [Adrift in Dreams](https://thuvien.org/ui/colors/adrift-in-dreams.md): #CFF09E #A8DBA8 #79BD9A #3B8686 #0B486B

## Inspiration
- [Inspiration](https://thuvien.org/ui/inspiration): other people's CodePen demos by tag. Links only, not our code.

## Browse by tag
- [Tags](https://thuvien.org/ui/tags): shared tags across palettes, elements, tools, and Inspiration.