Pine Meadow color palette — #FEF3ED · #9FEBE8 · #00AECA · #008851 · #004564

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

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Sea Foam (#9FEBE8): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00AECA): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008851): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#004564): 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 Pine Meadow 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 Chapel color palette (#FFF2EC, #5EE1E8, #009BBF, #007652, #003657)
• Muted Villa color palette (#ECF9EE, #C8DDF9, #37C2D6, #008B6B, #003B4C)
• Pale Azure Drift color palette (#FFF2EA, #A8E5FF, #2CA1FD, #00837E, #2E3C6C)
• Pale Cabin color palette (#FBF1FC, #B3F2F1, #27C9F5, #52A65C, #1C4267)
• Patina Sky Harbor color palette (#FBF3F0, #C2E1E9, #76BBDF, #4D9683, #5D4C5E)
• Wandering Cobalt Boulevard color palette (#EFE5DD, #6ABEDF, #0079C7, #005955, #0F1949)
• Dusty Denim Pier color palette (#F5E7DE, #42A0BC, #005D90, #003C36, #00022C)
• Brick Coast color palette (#FFF2EC, #FFA396, #00B495, #C11713, #004538)

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