Pine Pier color palette — #FFF4DF · #CBEDB8 · #9CAD66 · #3B7331 · #00371F

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#CBEDB8): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9CAD66): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#3B7331): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#00371F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Aged Olive Ridge color palette (#FFF2EB, #E7E1B2, #C49F4E, #716F0A, #253300)
• Washed Lagoon color palette (#F4FBC7, #A1F3CB, #6DB984, #00735A, #003B39)
• Olive Ridge color palette (#FFF0DA, #B8AC5B, #6B8317, #295F00, #004E2E)
• Patina Moss Meadow color palette (#F1E8C6, #879000, #3C5E00, #00260F, #000201)
• Worn Olive Courtyard color palette (#FFE0D3, #D0A967, #778600, #005E2B, #002928)
• Lagoon Delta color palette (#DAFFEF, #9CE7E4, #96C6A2, #3E8C78, #004B46)
• Tempered Moss Pier color palette (#E2FCF2, #98A841, #2A4E49, #10231C, #020704)
• Honey Lagoon color palette (#E5FCE9, #E1CC74, #7B9D6C, #4E6290, #17392C)

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