Palette · light · minimal · indigo
Crème
The CSS Crème house palette: near-white surfaces, near-black type, a deep indigo primary and a sparing CSSCreme-orange accent. Clean and technical.
Copy as
Usage system
Everything you need to wire this palette into a real project, not just the colors.
CSS variables
:root {
--color-bg: #FBFBFD;
--color-surface: #FFFFFF;
--color-primary: #4F46E5;
--color-accent: #FF7A3D;
--color-text: #0E1116;
--color-muted: #5B6472;
}Tailwind config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
bg: '#FBFBFD',
surface: '#FFFFFF',
primary: '#4F46E5',
accent: '#FF7A3D',
text: '#0E1116',
muted: '#5B6472',
},
},
},
}; Font pairing Space Grotesk / heading · Plus Jakarta Sans / body
Corner radius 14px
Spacing scale 4px base · 4 / 8 / 12 / 16 / 24 / 40
In context
New
Build better, faster
A card, a heading, a button and a hint of text — the palette doing real work.
Found one you like? Pair it with a template, generate a matching background in the gradient generator, or browse all palettes.