Pine Dune color palette — #FCF1F9 · #9EECE6 · #00AEC7 · #00884A · #004662

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

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Sea Foam (#9EECE6): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00AEC7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00884A): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004662): 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 Pine Dune 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

• Turquoise Loft color palette (#FDF4E5, #CFE4FC, #00C5D6, #008B66, #003C4B)
• Faded Azure Thicket color palette (#FFF0FA, #A1E7FD, #03A5F3, #008477, #2A3F66)
• Powdered Emerald Boulevard color palette (#FFF2EE, #B3F3EF, #3EC8EE, #48A94C, #0A426F)
• Cerulean Canyon color palette (#F6EBF3, #8BD3D8, #0094B9, #006F4F, #04304F)
• Pale Mint Alley color palette (#E0F1E1, #00D0A1, #009F97, #007382, #004A62)
• Washed Lagoon color palette (#F9F3F8, #D6D5E8, #76BCDC, #509680, #425468)
• Rose Parlor color palette (#B6FAFA, #00B1B4, #FD2A6C, #DD3705, #003839)
• Tempered Lagoon color palette (#E6F9FF, #00C6CC, #FF5385, #00888D, #602232)

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