• #009688

  主色调之一

• #5FB878

  一般用于选中状态

• #393D49

  通常用于导航

• #1E9FFF

  经典蓝

layui 主要是以象征包容的墨绿作为主色调，由于它给人以深沉感，所以通常会以浅黑色的作为其陪衬，又会以蓝色这种比较鲜艳的色调来弥补它的色觉疲劳，整体让人清新自然，愈发耐看。【取色意义】：我们执着于务实，不盲目攀比，又始终不忘绽放活力。这正是 layui 所追求的价值。

• #FFB800

  暖色系

• #FF5722

  比较引人注意的颜色

• #01AAED

  文本链接着色

• #2F4056

  侧边色

事实上，layui 并非不敢去尝试一些亮丽的颜色，但许多情况下一个它可能并不是那么合适，所以我们把这些颜色归为“场景色”，即按照实际场景来呈现对应的颜色，比如你想给人以警觉感，可以尝试用上面的红色。他们一般会出现在 layui 的按钮、提示和修饰性元素，以及一些侧边元素上。

他们一般用于背景、边框等

• #FAFAFA

• #F6F6F6

• #eeeeee

• #e2e2e2

• #dddddd

• #d2d2d2

• #cccccc

• #c2c2c2

layui 认为灰色系代表极简，因为这是一种神奇的颜色，几乎可以与任何元素搭配，不易形成视觉疲劳，且永远不会过时。低调而优雅！

layui 内置了七种背景色，以便你用于各种元素中，如：徽章、分割线、导航等等

• 赤色：class="layui-bg-red"
• 橙色：class="layui-bg-orange"
• 墨绿：class="layui-bg-green"
• 藏青：class="layui-bg-cyan"
• 蓝色：class="layui-bg-blue"
• 雅黑：class="layui-bg-black"
• 银灰：class="layui-bg-gray"