Pine Coast color palette — #EFF4E6 · #88C3A0 · #C087AE · #37835B · #462729
Fern takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EFF4E6): a clean, paper-quiet neutral.
- Mint Leaf (#88C3A0): A luminous, dusty teal — the color of glacier melt.
- Dusty Rose (#C087AE): A luminous, balanced pink — the color of neon signs at night.
- Fern (#37835B): A full-bodied, balanced teal — the color of glacier melt.
- Espresso (#462729): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Creativity, 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 Lagoon color palette (#E6FAF9, #8BBE9F, #BD84AB, #1E8756, #633F59)
- Timeworn Garden color palette (#F6F2E5, #B6B87C, #9D93C9, #757636, #462437)
- Wandering Petrol color palette (#E8F6EB, #81BFC7, #CD8778, #06818C, #362F2C)
- Patina Teal color palette (#ECF6E0, #5EAF8D, #8887BD, #9E6A53, #222B16)
- Tempered Workshop color palette (#E8F8E1, #00B19B, #D34A7B, #006A5D, #42001D)
- Hushed Driftwood color palette (#EDF6E2, #C3E1D7, #A1C7C4, #8C926B, #394432)
- Cypress Pier color palette (#EBF5EB, #D5C09F, #4C6A4F, #233725, #0E160F)
- Bronze Orchard color palette (#FAF1E2, #C8BA98, #A17C3A, #7A4D0C, #302C1A)
Browse the whole catalog at Explore, or see today's palette.