Gentle Pine color palette — #FFF2EB · #7CDEDD · #009CB9 · #00764A · #003753
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.
- Ice Blue (#7CDEDD): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009CB9): A luminous, balanced blue — the color of open sky before noon.
- Pine (#00764A): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003753): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Faded Azure Garden color palette (#FFF2EB, #8BD7F2, #0093E4, #00736B, #112977)
- Feathered Pine Quarry color palette (#FFF0FA, #B1FFFC, #00ACC7, #007745, #00283C)
- Worn Loft color palette (#F7F7E0, #65F3F0, #00C1CC, #009A86, #003A42)
- Cypress Archive color palette (#EAF9F5, #71C9C7, #007D84, #00574B, #003A42)
- Hushed Lagoon Hollow color palette (#FBF3EF, #C4E6E1, #71ADCD, #1C8E76, #2E496B)
- Faded Lagoon Basin color palette (#DEFDDE, #B4E2FF, #B6B8FF, #009167, #00394B)
- Feathered Turquoise color palette (#BAF6FF, #00C3DD, #00859B, #004F5F, #001E22)
- Aged Denim Garden color palette (#F0E6E1, #5E9DAE, #005F8A, #003C34, #000720)
Browse the whole catalog at Explore, or see today's palette.