Modern Coastal
Background
#E8F1F2
Text
#2B3A42
Primary Action
#007BFF
Secondary Action
#FF6F61
Mother Nature
#A8D5BA
Data Visualization
#3BB0A1
Dashboard Highlight
#F9AFAE
Shrimp Toast
#F0C1A0
#E8F1F2
Background
#2B3A42
Text
#007BFF
Primary Action
#FF6F61
Secondary Action
#A8D5BA
Mother Nature
#3BB0A1
Data Visualization
#F9AFAE
Dashboard Highlight
#F0C1A0
Shrimp Toast
About This Color Palette
<Modern Coastal>
1. Background -
#E8F1F2
- A light, airy blue that reflects the sky and water, providing a fresh and modern backdrop.
2. Text -
#2B3A42
- A dark slate gray that offers strong contrast against the background, ensuring readability with a contemporary touch.
3. Primary Action -
#007BFF
- A vibrant ocean blue, perfect for primary buttons, evoking a sense of excitement and action.
4. Secondary Action -
#FF6F61
- A coral pink that stands out nicely for secondary actions, adding a pop of color and warmth.
5. Accent Color 1 -
#A8D5BA
- A soft mint green that can be used for accents or highlights, reminiscent of coastal flora.
6. Accent Color 2 -
#F0C1A0
- A warm peach that adds a modern, inviting feel, suitable for borders or subtle highlights.
7. Data Visualization -
#3BB0A1
- A teal green that works well for charts and graphs, maintaining a fresh and coastal aesthetic.
8. Dashboard Highlight -
#F9AFAE
- A light coral that can be used to draw attention to key data points while keeping a modern and soft look.
This modern coastal color palette combines fresh and vibrant colors to reflect the beauty of coastal environments while maintaining a sleek, contemporary feel. The palette is designed to ensure good contrast for readability and usability in web applications, especially for dashboards and data visualizations.
Would you like to explore different shades or perhaps discuss how to implement these colors effectively in your design?
What would you like to do?
Other Similar Palettes
#007C92
#E0B60D
#4B5D33
#FF4F4F
#0072B8
#6BBE45
#4A4A4A
#A7E3D1
#007C92
#E0B60D
#4B5D33
#FF4F4F
#0072B8
#6BBE45
#4A4A4A
#A7E3D1
#005B5D
#C2B280
#4C5D3E
#E27D7D
#4A6D8C
#A8BBA1
#7D7D7D
#A0C5C9
#005B5D
#C2B280
#4C5D3E
#E27D7D
#4A6D8C
#A8BBA1
#7D7D7D
#A0C5C9
#4A7C2A
#D6CDAF
#007B7F
#8B8C7A
#FF6F61
#A8D5BA
#A4D7E1
#7A6E5E
#B2E1E6
#2A4C55
#009B77
#FF6A2D
#5BBF9F
#F9C2B2
#A0D6E8
#F0C27B