Pine Coast color palette — #E7FAF5 · #A3C797 · #338B46 · #006045 · #061F00
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
- Pistachio (#A3C797): A luminous, dusty green — the color of fresh herbs.
- Fern (#338B46): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006045): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#061F00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Patina Lagoon color palette (#E8FAF6, #B4DCB8, #579B75, #2E7161, #002F2C)
- Cypress Canyon color palette (#E6FAF8, #77B192, #007158, #004642, #000B04)
- Worn Lantern color palette (#E6DFD1, #7F984D, #00672E, #234126, #151200)
- Feathered Emerald color palette (#DAE9DF, #AEC47E, #2FAB55, #348383, #033127)
- Timeworn Lagoon color palette (#DEF2EE, #4E8A5A, #00482C, #002027, #000200)
- Weathered Moss color palette (#CCE9DA, #8A963F, #3F5700, #00332D, #010100)
- Softworn Corridor color palette (#EDF8F5, #C1DCF4, #82BBB6, #5F8E9F, #324C48)
- Dusty Magenta Corridor color palette (#EFF6FF, #588CFB, #BC4EB7, #007A7D, #01082C)
Browse the whole catalog at Explore, or see today's palette.