Pine Coast color palette — #D4E4D5 · #008564 · #00524E · #001F23 · #000102

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

The five colors

• Celadon Mist (#D4E4D5): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008564): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001F23): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000102): quiet, heavy and certain.

Feels like: Sophistication. Tagged 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

• Obsidian Olive color palette (#E4E9D2, #377E00, #00502B, #001A15, #000201)
• Hushed Lagoon Coast color palette (#E0F1EC, #00887B, #006B66, #004C4C, #000809)
• Tempered Petrol color palette (#C9F0F1, #00839E, #004363, #001833, #01000A)
• Gentle Mulberry Archive color palette (#D3EDF8, #007983, #9B0054, #003236, #040001)
• Aged Mulberry color palette (#C1E9F1, #00625C, #830040, #4E2500, #000201)
• Worn Scarlet Workshop color palette (#FCF0CD, #E73500, #008194, #090C12, #000102)
• Hazy Iris color palette (#C4EEF0, #63C9EF, #7B80EE, #005035, #000103)
• Washed Archive color palette (#D2ECEA, #00AAC4, #006E98, #00335B, #030030)

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