Pine Balcony color palette — #FCF2F8 · #AB6B55 · #3F7C37 · #254A7A · #392B39

A conversation between Olive and Navy, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Mocha (#AB6B55): A full-bodied, balanced orange — the color of sun-warmed clay.
• Olive (#3F7C37): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#254A7A): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#392B39): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

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

• Weathered Driftwood Field color palette (#FAF2FB, #BE6F77, #007B6E, #4D4A77, #3B303C)
• Weathered Olive color palette (#F5F4FF, #A67BB2, #577114, #17516F, #373444)
• Tempered Coral color palette (#FDEEE9, #C5716D, #776D32, #4F3F63, #231514)
• Bronze Cabin color palette (#EDF9EC, #9D6B10, #006175, #612E61, #202E20)
• Dusty Delta color palette (#FAF2FB, #E87E95, #9E843F, #6C6492, #37313F)
• Frosted Aubergine Parlor color palette (#EAFAEC, #8A6200, #005552, #3E1A67, #2E131F)
• Dusty Brick Ridge color palette (#FFF0FA, #B72E00, #005D50, #421990, #2F1629)
• Weathered Cabin color palette (#F9F3F7, #E2D8D6, #A9B2BC, #A47467, #575055)

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