Pine Pier color palette — #DBFFEE · #7A9A18 · #007520 · #004E5E · #263D10

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

The five colors

• Honeydew (#DBFFEE): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#7A9A18): A luminous, balanced green — the color of fresh herbs.
• Olive (#007520): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#004E5E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Forest (#263D10): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Pale Summit color palette (#D8F7EB, #569858, #006B4E, #004566, #003937)
• Linen Amber color palette (#FFF6CF, #A78900, #5E6700, #00514B, #3D3600)
• Timeworn Pine Courtyard color palette (#E9EEDE, #007A41, #00483B, #002643, #001C10)
• Lime Terrace color palette (#D8FFF3, #E5DE2F, #91BE00, #009E4B, #1F3B00)
• Dusty Cabin color palette (#FFF3E8, #C0A800, #179D60, #7E248C, #303B06)
• Wandering Aubergine color palette (#FFECF4, #AB8F0B, #00753B, #690065, #1B1F00)
• Aubergine Lantern color palette (#CEF0C5, #00908A, #005D6B, #370099, #003031)
• Soft Clover Courtyard color palette (#FFF5D3, #A8D33E, #00BE41, #0088A3, #293C19)

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