Pine Balcony color palette — #FFF1F6 · #B87C00 · #008B4E · #006842 · #2A193E

A conversation between Fern and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#B87C00): A luminous, balanced gold — the color of old brass.
• Fern (#008B4E): A full-bodied, balanced teal — the color of sea glass.
• Pine (#006842): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#2A193E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Amber Chapel color palette (#FFF1F5, #C37E00, #986F00, #006941, #37173C)
• Moss Chapel color palette (#E6FBF0, #918B00, #7A7400, #005676, #291123)
• Hazy Station color palette (#E1FDF0, #959600, #188625, #4142B3, #2D2100)
• Hushed Garden color palette (#F9F2FF, #DA5A9D, #A25B00, #005D64, #281734)
• Weathered Station color palette (#CCFFF0, #6A8D00, #007451, #61008D, #1F1800)
• Sunlit Olive Cabin color palette (#E7FBF1, #969843, #6E8C34, #525D95, #3E252E)
• Chalky Garden color palette (#F9E0EC, #AF5500, #5E6B00, #003D7C, #230B00)
• Worn Amber Loft color palette (#F5E1E8, #C16F00, #224F3E, #3B1A28, #180D17)

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