Flat Design Color Codes
Clean saturated colors for icons, diagrams, cards, and modern flat UI systems.
Palette preview
000099
#0000990000cc#0000CC003399#0033990033cc#0033CC0033ff#0033FF006699#0066990066cc#0066CC0066ff#0066FF009900#009900009933#009933009966#009966009999#0099990099cc#0099CC0099ff#0099FF00cc00#00CC0000cc33#00CC3300cc66#00CC6600cc99#00CC9900cccc#00CCCC00ccff#00CCFF00ff33#00FF3300ff66#00FF6600ff99#00FF9900ffcc#00FFCC330099#3300993300cc#3300CC3300ff#3300FF333399#3333993333cc#3333CC3333ff#3333FF336699#3366993366cc#3366CC3366ff#3366FF339900#339900339933#339933339966#339966339999#3399993399cc#3399CC3399ff#3399FF33cc00#33CC0033cc33#33CC3333cc66#33CC6633cc99#33CC9933cccc#33CCCC33ccff#33CCFF33ff00#33FF0033ff33#33FF3333ff66#33FF66Blue / Cyan
26 pages000099
#000099000099 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0000cc#0000CC0000cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.003399#003399003399 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0033cc#0033CC0033cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0033ff#0033FF0033ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.006699#006699006699 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0066cc#0066CC0066cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0066ff#0066FF0066ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0099cc#0099CC0099cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0099ff#0099FF0099ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00ccff#00CCFF00ccff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.333399#333399333399 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3333cc#3333CC3333cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3333ff#3333FF3333ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.336699#336699336699 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3366cc#3366CC3366cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3366ff#3366FF3366ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3399cc#3399CC3399cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3399ff#3399FF3399ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33ccff#33CCFF33ccff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6666cc#6666CC6666cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6666ff#6666FF6666ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6699cc#6699CC6699cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6699ff#6699FF6699ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66ccff#66CCFF66ccff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9999ff#9999FF9999ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Green / Teal
32 pages009900
#009900009900 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.009933#009933009933 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.009966#009966009966 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.009999#009999009999 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00cc00#00CC0000cc00 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00cc33#00CC3300cc33 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00cc66#00CC6600cc66 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00cc99#00CC9900cc99 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00cccc#00CCCC00cccc is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00ff33#00FF3300ff33 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00ff66#00FF6600ff66 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00ff99#00FF9900ff99 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00ffcc#00FFCC00ffcc is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.339933#339933339933 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.339966#339966339966 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.339999#339999339999 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33cc33#33CC3333cc33 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33cc66#33CC6633cc66 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33cc99#33CC9933cc99 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33cccc#33CCCC33cccc is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33ff33#33FF3333ff33 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33ff66#33FF6633ff66 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33ff99#33FF9933ff99 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33ffcc#33FFCC33ffcc is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33ffff#33FFFF33ffff is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66cc66#66CC6666cc66 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66cc99#66CC9966cc99 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66cccc#66CCCC66cccc is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66ff66#66FF6666ff66 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66ff99#66FF9966ff99 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66ffcc#66FFCC66ffcc is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66ffff#66FFFF66ffff is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Purple / Blue
14 pages330099
#330099330099 is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3300cc#3300CC3300cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3300ff#3300FF3300ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.660099#660099660099 is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6600cc#6600CC6600cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6600ff#6600FF6600ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6633cc#6633CC6633cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6633ff#6633FF6633ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9900cc#9900CC9900cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9900ff#9900FF9900ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9933cc#9933CC9933cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9933ff#9933FF9933ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9966cc#9966CC9966cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9966ff#9966FF9966ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Yellow / Green
12 pages339900
#339900339900 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33cc00#33CC0033cc00 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33ff00#33FF0033ff00 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.669900#669900669900 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.669933#669933669933 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66cc00#66CC0066cc00 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66cc33#66CC3366cc33 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66ff00#66FF0066ff00 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66ff33#66FF3366ff33 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.99cc00#99CC0099cc00 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.99cc33#99CC3399cc33 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.99cc66#99CC6699cc66 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Magenta / Purple
7 pages990000
#990000990000 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.990033#990033990033 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.990066#990066990066 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.990099#990099990099 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.993333#993333993333 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.993366#993366993366 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.993399#993399993399 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Red / Orange
5 pages993300
#993300993300 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.996600#996600996600 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.996633#996633996633 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.999900#999900999900 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.999933#999933999933 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.