Pine Garden color palette — #F9F3F8 · #B3DCEB · #43A0CC · #16804D · #243A5F
Teal takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Powder Blue (#B3DCEB): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#43A0CC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#16804D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#243A5F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Pine Garden 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
- Washed Grove color palette (#FAF3F7, #D3DEFA, #85A7D6, #008E7E, #3D4664)
- Muted Meadow color palette (#F7EAF0, #A3CAE5, #5386D5, #006D62, #2D225B)
- Timeworn Cerulean Thicket color palette (#FAF4EB, #ABD0B2, #0086A1, #006154, #133F55)
- Cerulean Field color palette (#EFF6FF, #ECD6FF, #F7B4BD, #2692A9, #383C5D)
- Patina Lilac color palette (#DEE3FE, #9C83DE, #B77B1C, #7C7300, #2E2447)
- Powdered Corridor color palette (#ECDFE5, #7BA8C5, #325BCB, #004A47, #19003D)
- Weathered Denim Villa color palette (#E9DBE7, #6F99AD, #005D90, #003D2B, #03002E)
- Hushed Grove color palette (#FBDFEB, #97B89C, #AB7048, #8C3F41, #0E392B)
Browse the whole catalog at Explore, or see today's palette.