Pine Pier color palette — #EAF5EC · #9DA673 · #447141 · #1C4E58 · #022219

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Sage (#9DA673): A luminous, dusty green — the color of fresh herbs.
• Olive (#447141): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#1C4E58): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#022219): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine Pier 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

• Tempered Fern Thicket color palette (#EAF9F4, #8DA37B, #476F3F, #1E573B, #153D36)
• Jade Workshop color palette (#CDEDE5, #4EAA7C, #006A62, #00445E, #001C0E)
• Worn Cypress Pier color palette (#EAF5F0, #8DBFB6, #488082, #3D5A66, #102D29)
• Washed Lagoon color palette (#FDF4E6, #BDB58D, #5D8F56, #2C706B, #37352F)
• Abyss Bloom color palette (#DAEEE2, #688344, #00522A, #003133, #040A00)
• Fern Grove color palette (#F8F6E6, #C0DAA4, #709665, #5A6B28, #2C2903)
• Ancient Station color palette (#F7EFF4, #AACFD7, #188B9C, #0F5F33, #002434)
• Soft Denim Station color palette (#DCEBFC, #5294DD, #A37100, #00559D, #281900)

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