Color palette reference
Sea palettes give you a range from pale foam to deep water, which makes them useful for surface hierarchy. Their coolness benefits from an intentional warm or neutral counterweight.
Use a deep-water shade for text and navigation, then move lighter sea tones into panels and selected states. Coral or sand can be a useful single action accent.
Teal is not automatically readable against white or navy. Test each shade as a background and foreground, especially when it is used for status or small labels.
Use the create a sea gradient to turn this family into an interface-ready system, or read choosing gradients, mesh, and glass for the implementation decisions behind the visual output.
Editorial reviewed 2026-07-02.