Pine Balcony color palette — #F1F4E3 · #3B8A47 · #006064 · #003A72 · #2E2E00

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

The five colors

• Cream (#F1F4E3): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#3B8A47): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#006064): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003A72): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#2E2E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Worn Lagoon color palette (#EEF5E5, #008C67, #005E71, #523300, #243100)
• Timeworn Cabin color palette (#D7F1D3, #007F7A, #00507D, #40007E, #002D11)
• Weathered Drift color palette (#D1E9DD, #2FB495, #007768, #00554E, #03394A)
• Hazy Bronze color palette (#F8F1E0, #877800, #1B6430, #004445, #491C00)
• Aubergine Drift color palette (#EFEEDD, #6C8642, #006264, #5B0051, #151500)
• Wandering Navy color palette (#E6F4D8, #00684F, #003E4B, #04006A, #111400)
• Dusty Courtyard color palette (#FAF6E1, #91A278, #476F33, #584A00, #36362F)
• Feathered Jade color palette (#F3F9DB, #ACD179, #56B36C, #008F6E, #32342D)

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