Gentle Pine color palette — #FBF1FB · #95EDED · #00ABD7 · #008936 · #1E4168

A conversation between Olive Leaf and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF1FB): bright and airy, almost weightless.
• Sea Foam (#95EDED): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#00ABD7): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#008936): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#1E4168): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cerulean Bloom color palette (#FFF0FD, #79DDE5, #0099CB, #007741, #0E3165)
• Faded Turquoise Boulevard color palette (#FFF2EC, #CFE0F6, #00C2E4, #1D8B5A, #003956)
• Periwinkle Villa color palette (#FFF0F8, #ADE4FC, #4C9CFF, #008473, #3B3A63)
• Washed Thicket color palette (#F9F3F7, #D6D5E7, #83B8DE, #61937C, #485366)
• Worn Lagoon color palette (#E5DBE0, #7CBBD7, #0070E2, #005A4F, #1D1841)
• Muted Amber color palette (#DDFDF5, #B2E9F2, #9CD1FF, #AB8500, #0E4A4B)
• Tempered Villa color palette (#F2E2EB, #619CB1, #0059A1, #003D31, #07002A)
• Tempered Forest color palette (#F7EBF8, #3DB6B2, #00728B, #034E0E, #00152A)

Browse the whole catalog at Explore, or see today's palette.