Pine Coast color palette — #FDF2EF · #B1787F · #3D794E · #00576F · #442E36

Olive takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF2EF): bright and airy, almost weightless.
• Dusty Rose (#B1787F): A luminous, dusty red — the color of a theater curtain.
• Olive (#3D794E): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00576F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#442E36): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Olive Orchard color palette (#FFF1F4, #9D75A6, #6B6813, #005C4F, #40303E)
• Dusty Denim Terrace color palette (#FEF3EA, #A07456, #007880, #384B8D, #412E2C)
• Olive Dune color palette (#FBEFEE, #B2768F, #437527, #414F79, #271716)
• Aged Driftwood color palette (#FCF1FB, #D48A85, #918A3E, #2F6C90, #3E2F3C)
• Washed Alley color palette (#FFF4E3, #CD998E, #966F3C, #00666C, #6D3804)
• Dusty Driftwood Harbor color palette (#FBF3F1, #DDD9D3, #A4AFA8, #AE6E69, #5A504C)
• Rust Lantern color palette (#FFF2EC, #BB3B2B, #005E4E, #003B5E, #350F33)
• Blush Summit color palette (#FAF2FB, #FF9BA8, #84B58E, #648EA6, #30303F)

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