Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

🎉 Just released RampenSau v1.0.0 on npm and GitHub! 🎢🐷 After some Easter weekend coding, the color palette generation library is now stable with improved docs and APIs. Generate beautiful color ramps for your data viz, design work, or generative art!

David Aerne

10,626 subscribers

20,611 views • 1 year ago •via X (Twitter)

Arts Science & Technology Education

Anya Rossi• Live Now

Private livecam show

16 Comments

David Aerne1 year ago

🔗

Manticore Search1 year ago

🚀 Star Manticore Search on #GitHub today and join our quest for the ultimate search solution!

Yogini Bende1 year ago

This looks super cool, David! Consider launching this on Peerlist Launchpad!

teto1 year ago

fantastic color palette generation tool, best i ever played with congrats

David Aerne1 year ago

Happy you like it! It’s definitely the simplest one I made

Ajm Ø,G1 year ago

RampenSau? Love the name! Hope it doesn't make my color palettes go hog wild. 🐷🎨

Silicon Jungle1 year ago

looks great David!

David Aerne1 year ago

🥰🎨

Rony Sheik (꧁IP꧂)1 year ago

🎨🐷 Finally, a way to make my designs as colorful as my weekend coding chaos! Let's ramp it up!

A-Mashiro1 year ago

Great work, David! 🙌✨

David Aerne1 year ago

🙏

I'm glad it was so difficult1 year ago

I've ALWAYS wanted to try to fix these kinds of palettes by normalizing the stops such that the perceptual color distance was equalized since that always skews the perception of the underlying data.

David Aerne1 year ago

Yes that would be one of the next steps. But choosing a perceptual color space as an output helps already.

I'm glad it was so difficult1 year ago

a post from earlier today, I'm pretty evangelistic on OKLab and its derived spaces:

David Aerne1 year ago

Good! The lib has a oklch and lch mode

Elmo1 year ago

🔥

Related Videos

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

Pietro Schirano

41,940 views • 5 months ago

Say hello to Colors 🔥 Generate AI images with your own color palettes Pick your HEX codes or use a pre-made color palette, and get results that match your projects No more off-brand images, just the shades you actually want

Magnific (formerly Freepik)

42,038 views • 1 year ago

🎨 Steal the palette of the masters and wear your favorite masterpieces. With Wan2.7-Image’s new Palette feature, you can instantly decode the color DNA of iconic art and stunning landscapes, applying them directly to your design sketches.

🎨 Steal the palette of the masters and wear your favorite masterpieces. With Wan2.7-Image’s new Palette feature, you can instantly decode the color DNA of iconic art and stunning landscapes, applying them directly to your design sketches.

Wan

538,681 views • 1 month ago

Uniform supports a global color palette that can be referenced in fill layers. This is useful for color adjustments and creating asset variations. The color palette can be edited from a single place and all textures and painted vertex data update accordingly.

Uniform supports a global color palette that can be referenced in fill layers. This is useful for color adjustments and creating asset variations. The color palette can be edited from a single place and all textures and painted vertex data update accordingly.

Sparseal

55,902 views • 2 years ago

Working on color generator feature for design system Figma plugin, that creates all color shades based on a base color you pick or given hex. Different algorithms to generate more harmonious or complementary colors for your next design system project. Soon…

Working on color generator feature for design system Figma plugin, that creates all color shades based on a base color you pick or given hex. Different algorithms to generate more harmonious or complementary colors for your next design system project. Soon…

vijay verma

10,196 views • 1 year ago

Announcing Radix Themes 3.0 and a custom color palette generator 🎉 In this release: • New layout engine • 11 new components • Zero config setup with Astro and Remix • New docs with guidance on layout and styling

Announcing Radix Themes 3.0 and a custom color palette generator 🎉 In this release: • New layout engine • 11 new components • Zero config setup with Astro and Remix • New docs with guidance on layout and styling

Radix by WorkOS

141,287 views • 2 years ago

Beautiful color work of art..the beauty of color becomes something different

Beautiful color work of art..the beauty of color becomes something different

HanaSella

19,859 views • 9 months ago

Took 4 attempts to get a color palette I liked for this one You can just erase your work and start over

Took 4 attempts to get a color palette I liked for this one You can just erase your work and start over

Noah Bradley

72,457 views • 6 months ago

Slither🐍 is now live! 🎉 Slither is built with Roblox-TS & React and designed around #catppuccin 's beautiful color palette 🌈 I'd love to hear your suggestions and polish Slither even further 🪄 Play here → #Roblox #RobloxDev

Slither🐍 is now live! 🎉 Slither is built with Roblox-TS & React and designed around #catppuccin 's beautiful color palette 🌈 I'd love to hear your suggestions and polish Slither even further 🪄 Play here → #Roblox #RobloxDev

littensy

37,698 views • 2 years ago

v0 Design Systems 2.0 is here. Import your design system from GitHub, npm, Storybook, Figma, and more. Build with your real components, colors, fonts, and patterns.

v0 Design Systems 2.0 is here. Import your design system from GitHub, npm, Storybook, Figma, and more. Build with your real components, colors, fonts, and patterns.

v0

208,249 views • 13 days ago

✨ Start with AI—design your portfolio, startup landing page, or book club site with ease. Choose from infinite color palettes and typeface combos. Customizing is a breeze with AI-generated copy and color shuffling. Your imagination is the limit.

✨ Start with AI—design your portfolio, startup landing page, or book club site with ease. Choose from infinite color palettes and typeface combos. Customizing is a breeze with AI-generated copy and color shuffling. Your imagination is the limit.

Framer

527,884 views • 3 years ago

We’re at the point with AI + coding where you can just give the AI a URL to some docs and it will learn the library. Insane.

We’re at the point with AI + coding where you can just give the AI a URL to some docs and it will learn the library. Insane.

Mckay Wrigley

1,366,930 views • 2 years ago

The easiest way to create generative art on Bitcoin. Choose a library (p5.js, Three.js), paste your code, preview it live, then download. The file is complete. Just inscribe it with any service and you’re on Bitcoin. The OnChainMonkey® OCM Dimensions GitHub was just updated with this in-browser feature:

The easiest way to create generative art on Bitcoin. Choose a library (p5.js, Three.js), paste your code, preview it live, then download. The file is complete. Just inscribe it with any service and you’re on Bitcoin. The OnChainMonkey® OCM Dimensions GitHub was just updated with this in-browser feature:

danny huuep

69,158 views • 5 months ago

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,738 views • 4 months ago

For your kids’ bedroom. Bring us your own design or Color and we will do it for you.

For your kids’ bedroom. Bring us your own design or Color and we will do it for you.

Morara Kebaso

14,098 views • 1 year ago

It's true: The GitHub Copilot SDK can help you build the app of your dreams. In this case, the color palette organizer of Cassidy's dreams. 🎨 Andrea

It's true: The GitHub Copilot SDK can help you build the app of your dreams. In this case, the color palette organizer of Cassidy's dreams. 🎨 Andrea

GitHub

28,279 views • 5 months ago

How do you get GitHub Copilot to understand your entire codebase? Like this.👇 With one click, the Copilot coding agent can now analyze your repo and auto-generate custom instructions.

How do you get GitHub Copilot to understand your entire codebase? Like this.👇 With one click, the Copilot coding agent can now analyze your repo and auto-generate custom instructions.

GitHub

28,378 views • 7 months ago

Design Mode in v0 just got an upgrade. You can now: • Quick-apply a color palette • Easily adjust hues, saturation, and lightness • Quick-apply fonts • Easily add shadows

Design Mode in v0 just got an upgrade. You can now: • Quick-apply a color palette • Easily adjust hues, saturation, and lightness • Quick-apply fonts • Easily add shadows

v0

71,730 views • 9 months ago

Hands down my favorite mag design I have ever done. The design itself is so crisp, the color and color separation is 🤌🏼. This is what makes us, us. We aren't just engraving bought designs and "Hillary behind bars" bullshit that other folks do. We are making art.

Hands down my favorite mag design I have ever done. The design itself is so crisp, the color and color separation is 🤌🏼. This is what makes us, us. We aren't just engraving bought designs and "Hillary behind bars" bullshit that other folks do. We are making art.

Cultivated Laser

25,136 views • 7 months ago