Tailwind CSS Border Colors - Complete Reference with Examples

Tailwind CSS Border Colors

Complete reference for border color utilities with examples and best practices

Loading border color palettes...

How to Use Border Colors

Basic Border

border-2 border-blue-500

With Opacity

border-2 border-red-500/75

Hover States

hover:border-green-600

Border Color Accessibility Guidelines

Light Borders

Use darker border colors for contrast

Dark border on light background

Dark Borders

Use lighter border colors for contrast

Light border on dark background