← All toolsDesign
Color Palette
Pick a base color and instantly build tints, shades and harmonious palettes, ready to copy straight into your design.
Base color
Yellow Green
Format
Tints & shades
Harmonies
Theme
DashboardAccent
A glimpse of your theme in context.
PrimarySecondary
success warning danger
Contrast
AaThe quick brown fox
2.36:1Fail
From image
Export
theme: {
extend: {
colors: {
yellowgreen: {
50: '#f4f9dc',
100: '#e6edc2',
200: '#ced897',
300: '#b5c06d',
400: '#9ca748',
500: '#848f23',
600: '#6d7600',
700: '#545c00',
800: '#3f4500',
900: '#2b2f00',
950: '#1a1e00',
},
},
},
}More Design tools