Pine Coast color palette — #D4E6D0 · #008A51 · #006E5A · #004442 · #001014
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D4E6D0): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#008A51): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#006E5A): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004442): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001014): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Pine Quarry color palette (#EFEDDA, #6E8700, #137111, #00422D, #000F0C)
- Patina Coast color palette (#D2E7E4, #00848A, #00627F, #003D60, #000518)
- Plum Terrace color palette (#BFEBF3, #009285, #CB0C68, #006259, #130005)
- Quiet Lantern color palette (#D1EDDA, #00C2AA, #00A4AA, #00738A, #003247)
- Hazy Harbor color palette (#BBE8F0, #80A4CF, #6793F4, #008026, #001014)
- Softworn Raspberry color palette (#EADED2, #E10089, #008792, #001114, #000203)
- Plum Market color palette (#DBF0F2, #007E85, #AE1A80, #A8040F, #000203)
- Timeworn Quarry color palette (#D9F2DA, #47DCAD, #00B7AA, #008C95, #004B61)
Browse the whole catalog at Explore, or see today's palette.