Coast to Coast
#bdd4d1
Cool misty gray-blue for airy, coastal UI
About Coast to Coast
Coast to Coast splits the difference in a way that actually works. It's lighter than Aquatic Edge but doesn't float away like Castle in the Sky does, there's a tonal weight here that sits between them, cool enough to feel intentional without the pale austerity. It reads as a color that made a choice.
Reach for it in product dashboards, fintech platforms, and healthcare interfaces where you need a background that holds presence but doesn't compete. Secondary panels in SaaS tools, form fields where the input needs subtle containment, spacious canvas areas in design software. It's the one you grab when white feels too stark and your other grays feel either too warm or too thin. The blue-green undertone keeps it from reading clinical, which matters in trust-forward work.
Pair it with cooler neutrals and it stays grounded. Sit it next to Bare Minimum and you'll feel the temperature difference, Coast to Coast is crisper, less apologetic about its cool side. Just don't expect it to work the same way as the deeper grays. This one's about presence through lightness, not depth.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.