Heritage collection · reborn
The best color palettes,
ready to build with.
Browsing by color was part of CSS Crème from the start. Here's the 2026 version: each palette is a design-system starter, not just swatches. Copy the colors as HEX, RGB, HSL or OKLCH, grab the CSS variables and Tailwind config, and see the font pairing and spacing that go with them.
Midnight SaaS
darkAurora
darkCyberpunk Neon
darkDeep Ocean
darkPorcelain
lightCrème
lightRetro Sunset
lightForest Floor
lightPastel Pop
lightStrawberry Matcha
lightMono Slate
lightGolden Hour
darkNo palettes with that tag yet.
Why these are more than swatches
Most palette sites hand you six hex codes and wish you luck. The hard part of using color isn't picking it, it's wiring it into a system: which color is the page background, which is a card, which carries a button, and how text stays readable on each. Every palette here assigns those roles up front, then generates the CSS variables and Tailwind config so you can paste a working theme straight into a project.
Open any palette to copy it in the format you actually use, then pair it with a template or build a background in the gradient generator.