Coastal Dawn
A complete five-role scheme. calming and fresh in character — tagged for travel, wellness.
#2a6f8e #7fb6c9 #f2a65a #f7fbfc #173340 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',
}Best text pairings
The strongest foreground/background combinations in Coastal Dawn, ranked by WCAG contrast. Darker color set as the text; ratios of 4.5:1+ suit body copy, 7:1+ meet AAA.
Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on background — clears AAA comfortably.
#173340 on #f7fbfc Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — meets AA for body text.
#173340 on #f2a65a Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — meets AA for body text.
#173340 on #7fb6c9 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — meets AA for body text.
#2a6f8e on #f7fbfc