Pine Coast color palette — #F2D4E7 · #008F4A · #005763 · #630025 · #002C22

Fern and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#F2D4E7): A whisper-light, dusty pink — the color of a candy shop window.
• Fern (#008F4A): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005763): A full-bodied, dusty blue — the color of deep harbor water.
• Mulberry (#630025): A deep, shadowed, balanced red — the color of a theater curtain.
• Deep Forest (#002C22): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, 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

• Softworn Garnet color palette (#F9D1E5, #6E8100, #005A4C, #5C0049, #002B27)
• Ancient Study color palette (#F4D3E5, #008A7C, #00527B, #562000, #002A2E)
• Washed Aubergine Bloom color palette (#CAE9E8, #007D4E, #5A149B, #5B0015, #311800)
• Ancient Lagoon color palette (#D8E9E4, #5A9C78, #00635A, #32451B, #003030)
• Softworn Summit color palette (#CFF7FE, #006359, #3E3840, #001E26, #000B0E)
• Hushed Lagoon Station color palette (#F1F0E2, #008D6E, #005856, #0E2661, #00120E)
• Dusty Petrol Thicket color palette (#FFF0F8, #45AB9D, #1970A4, #743C1E, #21424E)
• Airy Archive color palette (#FEDFB6, #008E97, #0045BB, #4D3200, #002E3C)

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