Pine Balcony color palette — #FBF5E4 · #97AC78 · #3B7A3C · #00548A · #304207

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

The five colors

• Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#97AC78): A luminous, dusty green — the color of fresh herbs.
• Olive (#3B7A3C): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00548A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#304207): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance, 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

• Cypress Garden color palette (#F4F7E8, #73B396, #007A6D, #005B6A, #104531)
• Muted Delta color palette (#FBF4EA, #BBAE91, #6F7946, #59527F, #543F00)
• Aged Forest Quarry color palette (#E8E5D6, #729863, #006638, #1F3E68, #17300B)
• Softworn Dune color palette (#FEEFDE, #ACAD59, #25802B, #5F3E62, #222200)
• Worn Aubergine color palette (#F6EAD2, #939847, #426700, #5B2477, #2F3100)
• Emerald Coast color palette (#FFF1F5, #C1C06F, #539A4A, #835783, #3E3D13)
• Ancient Thicket color palette (#E1E2D1, #3F8B64, #005144, #251E6E, #002112)
• Wandering Cerulean Harbor color palette (#FAF4EB, #97DCE2, #008EA9, #006859, #004661)

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