Pine Coast color palette — #F3D3E5 · #008F4D · #005471 · #562000 · #002B26

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

The five colors

• Shell Pink (#F3D3E5): A whisper-light, dusty pink — the color of peonies in June.
• Fern (#008F4D): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005471): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#562000): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• 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

• Hazy Olive Canyon color palette (#EBD6EF, #618512, #00585E, #630026, #002D16)
• Timeworn Denim Canyon color palette (#FFE7F1, #469876, #006190, #623200, #003937)
• Cypress Lantern color palette (#D8E3D8, #00785A, #004067, #332000, #001B1B)
• Navy Delta color palette (#CBE7CC, #008A80, #1E4699, #462E00, #002932)
• Dusty Garnet Alley color palette (#EEDFC7, #008B83, #00546F, #55002C, #001214)
• Antique Fern color palette (#F2DEE6, #978D57, #376207, #004847, #302900)
• Smoked Denim Corridor color palette (#CAE5F0, #00606A, #373037, #031A36, #000B11)
• Pale Field color palette (#CAE7CF, #00A89F, #007397, #7A2047, #002A2D)

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