About the Ocean Harbor 9 palette
Ocean Harbor 9 pairs #AE5A1E with #DE941C and #E2C646 for a welcoming and sunlit impression. Its darkest shade, #AE5A1E, anchors the composition while #E0F88C supplies the lightest counterpoint; #F6F95D is the strongest saturation accent. The 4.20:1 contrast between the endpoints helps determine whether those two shades belong in text, decoration, or separate surfaces.
Ocean Harbor 9 is a warm color palette built from orange, yellow tones. It contains five colors: #AE5A1E, #DE941C, #E2C646, #F6F95D, #E0F88C. The strongest contrast pair in the palette reaches 4.4: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.