Pine Courtyard color palette — #F9F3F7 · #C5E2E9 · #4B97A6 · #1F7446 · #224D64
Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Silver (#C5E2E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#4B97A6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#1F7446): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#224D64): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Pine Courtyard into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Cerulean Field color palette (#FAF3F6, #C7E0F5, #6A8BC1, #007077, #3C4664)
- Dusty Orchard color palette (#EEF8F5, #C7E0F7, #4AB7BC, #2E8C7A, #284D5B)
- Hushed Lagoon color palette (#F2F2EB, #CDE4CB, #00A1A7, #006E5E, #163320)
- Dusty Cerulean color palette (#F7E8F3, #499EA5, #005268, #003122, #001528)
- Washed Brick color palette (#FCF1FB, #D48786, #009F90, #B72035, #004E46)
- Aged Quarry color palette (#FFF0FB, #BD7064, #008E81, #00758B, #462F42)
- Sunlit Navy Villa color palette (#FEF0FA, #79C5D6, #0077A6, #005749, #00306B)
- Weathered Orchard color palette (#EDF9EE, #8BB19E, #866E42, #744420, #1E453C)
Browse the whole catalog at Explore, or see today's palette.