Pine Coast color palette — #E8F9F8 · #FFDDCE · #358956 · #184228 · #011312

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

The five colors

• Ivory (#E8F9F8): a clean, paper-quiet neutral.
• Shell Pink (#FFDDCE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Fern (#358956): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#184228): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#011312): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

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

• Wandering Market color palette (#EDF9F1, #FFE1B0, #8B7500, #1F402E, #05130B)
• Washed Cerulean color palette (#ECF7FD, #FFDBDE, #008598, #00404A, #051117)
• Fern Market color palette (#E3F7F2, #BCB67A, #405F2D, #002F29, #030F0D)
• Ancient Sand Harbor color palette (#F5F7E9, #F1D18D, #74A36E, #63645C, #212316)
• Tempered Terrace color palette (#E2FBFF, #FFAA9A, #00675B, #00251F, #000102)
• Lilac Garden color palette (#E9FAEF, #C7B346, #B785DC, #96681C, #16291F)
• Chalky Periwinkle Quarry color palette (#ECF8F5, #C6F6AA, #619FF4, #649C3D, #0A131D)
• Weathered Petrol Station color palette (#EDF7FF, #FFBCBE, #006A9C, #002B43, #010409)

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