Coastal Dawn
A complete five-role scheme. calming and fresh in character — tagged for travel, wellness.
primary
#2a6f8e secondary
#7fb6c9 accent
#f2a65a background
#f7fbfc text
#173340 AcmeSign up
Ship your next idea faster
Everything you need to launch, in one place.
Get started Learn moreOpen this scheme in the Studio →
Color values
| Role | Hex | RGB | HSL |
|---|---|---|---|
| primary | #2a6f8e | 42, 111, 142 | 199°, 54%, 36% |
| secondary | #7fb6c9 | 127, 182, 201 | 195°, 41%, 64% |
| accent | #f2a65a | 242, 166, 90 | 30°, 85%, 65% |
| background | #f7fbfc | 247, 251, 252 | 192°, 45%, 98% |
| text | #173340 | 23, 51, 64 | 199°, 47%, 17% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 12.73 | AAA |
| primary on background | 5.36 | AA |
| secondary on background | 2.14 | fail |
| accent on background | 1.94 | fail |
| background on primary | 5.36 | AA |
| background on accent | 1.94 | fail |
CSS variables
:root {
--color-primary: #2a6f8e;
--color-secondary: #7fb6c9;
--color-accent: #f2a65a;
--color-bg: #f7fbfc;
--color-text: #173340;
}Tailwind
colors: {
primary: '#2a6f8e',
secondary: '#7fb6c9',
accent: '#f2a65a',
background: '#f7fbfc',
text: '#173340',
}