Gentle Pine color palette — #FFF2EB · #8DDBD6 · #009DB4 · #007741 · #003850
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Lagoon (#8DDBD6): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#009DB4): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003850): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Gentle Pine 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
- Chalky Azure Meadow color palette (#FFF2EB, #8AD8EF, #0095DB, #007467, #0B2D6E)
- Pine Corridor color palette (#FFF0FA, #B2FFFA, #00ACC5, #007741, #00283B)
- Hazy Turquoise Canyon color palette (#F6F6E9, #94ECE8, #00C2CA, #009A84, #003A42)
- Ancient Ridge color palette (#E8FAF5, #75C8C4, #007D82, #00574A, #003A41)
- Weathered Lagoon color palette (#FCF3EF, #CEEED6, #71AECB, #418A74, #573D5A)
- Weathered Denim Bloom color palette (#ECE0DA, #4AA0B2, #006086, #003C32, #00081D)
- Weathered Villa color palette (#E8E1CF, #ADA400, #538A00, #00621F, #003F29)
- Hazy Aqua color palette (#FAF8CF, #6CF0CE, #00D0F6, #938600, #0C461C)
Browse the whole catalog at Explore, or see today's palette.