Pine Coast color palette — #EFF4E7 · #8EC1A6 · #B88BB2 · #37825F · #49242A

A conversation between Fern and Dusty Rose, giving this palette its sense of creativity and sophistication.

The five colors

• Cream (#EFF4E7): bright and airy, almost weightless.
• Mint Leaf (#8EC1A6): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#B88BB2): A luminous, dusty pink — the color of neon signs at night.
• Fern (#37825F): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#49242A): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: 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 Delta color palette (#F3F7ED, #8BBE9D, #BB83B1, #1C8753, #694045)
• Aged Cypress color palette (#EAF6E9, #7BC2BF, #C98A78, #008380, #362F2C)
• Olive Corridor color palette (#F7F2E0, #B6B783, #9895CA, #767623, #422737)
• Soft Emerald Atelier color palette (#E9F9F9, #9BD3BA, #D19BD3, #00A578, #5F4160)
• Hushed Orchard color palette (#EFF6DC, #79AA83, #B9768E, #9A6779, #262918)
• Hushed Boulevard color palette (#DFFBDB, #00AFA8, #C84E9B, #006965, #3F002C)
• Dusty Bronze Pier color palette (#FAF0E3, #C4BB9C, #A37B3B, #7F481B, #2C2D1F)
• Dusty Boulevard color palette (#E8F8DE, #9FD4BC, #4E9A84, #045D4D, #00241B)

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