Open House
A complete five-role scheme. trustworthy and professional in character — tagged for real-estate, finance.
#1f6f54 #86b8a3 #c9a227 #f8fbf9 #142c22 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 | #1f6f54 | 31, 111, 84 | 160°, 56%, 28% |
| secondary | #86b8a3 | 134, 184, 163 | 155°, 26%, 62% |
| accent | #c9a227 | 201, 162, 39 | 46°, 68%, 47% |
| background | #f8fbf9 | 248, 251, 249 | 140°, 27%, 98% |
| text | #142c22 | 20, 44, 34 | 155°, 38%, 13% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 14.26 | AAA |
| primary on background | 5.83 | AA |
| secondary on background | 2.14 | fail |
| accent on background | 2.32 | fail |
| background on primary | 5.83 | AA |
| background on accent | 2.32 | fail |
CSS variables
:root {
--color-primary: #1f6f54;
--color-secondary: #86b8a3;
--color-accent: #c9a227;
--color-bg: #f8fbf9;
--color-text: #142c22;
}Tailwind
colors: {
primary: '#1f6f54',
secondary: '#86b8a3',
accent: '#c9a227',
background: '#f8fbf9',
text: '#142c22',
}Best text pairings
The strongest foreground/background combinations in Open House, 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.
#142c22 on #f8fbf9 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — meets AA for body text.
#142c22 on #86b8a3 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — meets AA for body text.
#142c22 on #c9a227 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — meets AA for body text.
#1f6f54 on #f8fbf9