Gentle Pine color palette — #FFF0FA · #B1FFFC · #00ACC7 · #007745 · #00283C

Pine takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Sea Foam (#B1FFFC): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00ACC7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#007745): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00283C): 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

• Azure Atelier color palette (#FEF1FA, #D1DAF6, #00A8DF, #00755E, #00244A)
• Wandering Turquoise color palette (#F6F7E2, #61F4EF, #00C2CA, #009A84, #003A42)
• Mustard Veranda color palette (#DEFFE4, #EFB728, #0097D5, #876500, #002133)
• Hushed Petrol Basin color palette (#FDF4E6, #7CC7C4, #007C89, #005840, #003948)
• Tempered Denim color palette (#F3E5EE, #51B1C6, #005C82, #002C24, #000105)
• Washed Cerulean Study color palette (#FFF0FA, #84DDE0, #0088A5, #005437, #000E1B)
• Powder Pier color palette (#FAF3F8, #D5D4E2, #6AC8F2, #48927C, #2B4158)
• Worn Boulevard color palette (#FFF3E5, #E39B2A, #007DCB, #723FFF, #1D0F00)

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