Pine Dune color palette — #FBF2F9 · #A6E9ED · #00AAE0 · #00884A · #223F6C

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Sea Foam (#A6E9ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00AAE0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00884A): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#223F6C): 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 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

• Sky Cabin color palette (#FFF2EC, #D2DCF2, #4DBDE6, #008B69, #06375C)
• Quiet Azure color palette (#FFF0FC, #73DCF0, #0096DA, #007652, #1F2F60)
• Emerald Summit color palette (#D8EFFF, #00A7EE, #9B9300, #459300, #09344C)
• Hazy Iris Grove color palette (#FEF1F5, #BCDFFF, #8092F7, #008285, #483462)
• Powder Canyon color palette (#FAF3F7, #D8D5E6, #8BB6E1, #539582, #495267)
• Airy Sapphire Studio color palette (#F5EBEF, #82B9DA, #2B67F0, #005A54, #221345)
• Airy Ultramarine color palette (#EDDFE5, #609BB8, #0050BB, #003C36, #0A0027)
• Quiet Dune color palette (#F0E4F0, #4AB4B8, #007092, #004E24, #001331)

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