Pine Balcony color palette — #E7F7EB · #9CA770 · #387438 · #3E4463 · #052219

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

The five colors

• Cream (#E7F7EB): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9CA770): A luminous, dusty green — the color of new leaves after rain.
• Olive (#387438): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#3E4463): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#052219): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Pine Parlor color palette (#E9FAF4, #83A869, #3D713B, #2C515C, #173D36)
• Antique Lagoon color palette (#E8F6EF, #9FBD96, #398667, #535072, #122D29)
• Ancient Forest Parlor color palette (#DDF0E6, #799962, #00663F, #462D50, #001712)
• Washed Navy color palette (#FBDBE5, #AA942C, #4F6500, #3B2E7D, #1B1600)
• Hushed Emerald color palette (#F7F6E8, #B9DCA9, #529E58, #2F6E73, #292914)
• Antique Cerulean Corridor color palette (#F8EEF5, #9ED1E3, #0089AC, #005E44, #0A2237)
• Aubergine Dune color palette (#E9E6FD, #B575BF, #119862, #7B1A8A, #002313)
• Obsidian Pine Studio color palette (#D3E3DD, #317940, #004034, #34003C, #000401)

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