Our colors come from two Tailwind families: Sky (blue) and Gray.

Sky is our action color. If a UI element is actionable then use Sky!

Gray is our secondary color. If you want a hover color or a disabled color, you will use Gray.

Sky

Gray