Powdered Pine color palette — #FFF2ED · #B7FDFF · #00A9D8 · #007836 · #00244D

Olive and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#B7FDFF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00A9D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#007836): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00244D): A deep, shadowed, balanced 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 Powdered 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

• Tempered Turquoise color palette (#FDF3F0, #BAEEF5, #00B8E2, #407F47, #3B253E)
• Frosted Periwinkle Archive color palette (#FEF3EB, #D6E4F9, #4B9AFF, #007465, #22135A)
• Turquoise Corridor color palette (#ECF9EE, #78EFF5, #00BEDE, #009A80, #00384D)
• Petrol Veranda color palette (#FFF0FB, #60CAD0, #007A96, #00583D, #003657)
• Washed Cobalt Garden color palette (#FDF3EE, #95D9E1, #0085B5, #005531, #00072D)
• Mint Study color palette (#C3FFD1, #00CFAE, #00918D, #006076, #00203F)
• Glacier Meadow color palette (#E4FAFF, #40E0FC, #0096B3, #004255, #000608)
• Rose Harbor color palette (#E0FEE9, #2ED7F2, #EF4261, #007889, #40000F)

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