Palettes
Colour systems for any site.
Crafted colour palettes you can apply to any website. Preview each one, then open it to tweak every colour live and copy the CSS variables.
The library
Browse the palettes
Twelve ready-to-use colour systems — light and dark. Open one to edit it.
Aurora
lightModern · trustworthy · premium SaaS
Open & editEmber
lightWarm · artisan · inviting
Open & editMidnight
darkDark · technical · electric
Open & editNoir
darkLuxe · cinematic · high-contrast
Open & editForest
darkElegant · natural · refined
Open & editBoutique
lightMinimal · quiet · timeless
Open & editCampus
lightFriendly · optimistic · clear
Open & editSunset
darkBold · warm · expressive
Open & editOcean
lightCalm · fresh · airy
Open & editBlossom
lightSoft · modern · welcoming
Open & editMono
darkEditorial · stark · focused
Open & editCitrus
lightFresh · lively · energetic
Open & editFound your colours? Build with them.
Describe your app and apply any palette — the whole design system follows your colours.