About the Tropical Reef 2 palette
Tropical Reef 2 pairs #0C5464 with #1465A3 and #3A66C5 for a composed and spacious impression. Its darkest shade, #0C5464, anchors the composition while #AFA1ED supplies the lightest counterpoint; #0C5464 is the strongest saturation accent. The 3.71:1 contrast between the endpoints helps determine whether those two shades belong in text, decoration, or separate surfaces.
Tropical Reef 2 is a cool color palette built from blue, indigo tones. It contains five colors: #0C5464, #1465A3, #3A66C5, #6E75D9, #AFA1ED. The strongest contrast pair in the palette reaches 3.7:1, so pair it with a darker neutral for body text.
How to use it
Use the darkest shade for text or backgrounds, the most saturated color for buttons and links, and lighter tones for surfaces and highlights. Copy the CSS variables above, or check any pair in the Contrast Checker.