Coastal Grove
A complete five-role scheme. fresh and serene in character — tagged for travel, wellness.
#0f766e #99d5cf #d3a625 #f6fbfa #0d302c 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 | #0f766e | 15, 118, 110 | 175°, 77%, 26% |
| secondary | #99d5cf | 153, 213, 207 | 174°, 42%, 72% |
| accent | #d3a625 | 211, 166, 37 | 44°, 70%, 49% |
| background | #f6fbfa | 246, 251, 250 | 168°, 38%, 97% |
| text | #0d302c | 13, 48, 44 | 173°, 57%, 12% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 13.61 | AAA |
| primary on background | 5.24 | AA |
| secondary on background | 1.57 | fail |
| accent on background | 2.17 | fail |
| background on primary | 5.24 | AA |
| background on accent | 2.17 | fail |
CSS variables
:root {
--color-primary: #0f766e;
--color-secondary: #99d5cf;
--color-accent: #d3a625;
--color-bg: #f6fbfa;
--color-text: #0d302c;
}Tailwind
colors: {
primary: '#0f766e',
secondary: '#99d5cf',
accent: '#d3a625',
background: '#f6fbfa',
text: '#0d302c',
}Best text pairings
The strongest foreground/background combinations in Coastal Grove, 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.
#0d302c on #f6fbfa Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — clears AAA comfortably.
#0d302c on #99d5cf Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — meets AA for body text.
#0d302c on #d3a625 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — meets AA for body text.
#0f766e on #f6fbfa