Pine Coast color palette — #F9D1E4 · #178D50 · #005471 · #532400 · #002B26

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

The five colors

• Shell Pink (#F9D1E4): A whisper-light, dusty rose — the color of pressed rose petals.
• Fern (#178D50): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005471): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#532400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002B26): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

One click turns Pine Coast 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

• Sunlit Pine color palette (#CAE8E8, #007C51, #004D6A, #561100, #002716)
• Hushed Lagoon Lagoon color palette (#FFE7EE, #49986F, #00628A, #5A3700, #003935)
• Muted Navy color palette (#C8E8CD, #008A80, #1F4798, #432F00, #002932)
• Ancient Garnet color palette (#E8D7EE, #777E00, #005955, #610035, #042D02)
• Frosted Garnet color palette (#F4E5CD, #008A86, #005371, #560028, #001305)
• Ancient Fern Boulevard color palette (#F0DFE5, #978D4B, #3A6121, #004748, #2F2900)
• Inked Drift color palette (#CAE4EF, #00606C, #302930, #00193B, #000B0E)
• Hushed Garnet color palette (#C8E8CE, #00A8A3, #00739A, #7D1B43, #002935)

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