Coral Reef Palette

CSS variables

:root {
  --color-1: #FF6F61;
  --color-2: #FF9F1C;
  --color-3: #FFBF69;
  --color-4: #2EC4B6;
  --color-5: #CBF3F0;
}

Tailwind config

// tailwind.config.js
colors: {
  "coral-reef-1": "#FF6F61",
  "coral-reef-2": "#FF9F1C",
  "coral-reef-3": "#FFBF69",
  "coral-reef-4": "#2EC4B6",
  "coral-reef-5": "#CBF3F0",
}

About this palette

The Coral Reef palette is a curated set of 5 colors with their HEX, RGB and ready CSS-variable and Tailwind exports. Click any swatch for that color's full breakdown — conversions, contrast and harmonies.

More palettes