Emerald Balcony color palette — #FFF3E2 · #B1C485 · #399C66 · #10758A · #354013

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

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#B1C485): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#399C66): A luminous, balanced teal — the color of sea glass.
• Teal (#10758A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#354013): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Emerald 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

• Quiet Loft color palette (#FAF6DF, #84CE9F, #009A94, #476C92, #114629)
• Dusty Emerald Meadow color palette (#EAFAED, #CEE396, #00AE65, #1A778B, #293309)
• Muted Boulevard color palette (#EFE3CC, #8BB272, #168565, #175D78, #2B2B07)
• Dusty Mustard color palette (#FFF3E9, #D2B966, #749249, #7C598B, #3D3A34)
• Pale Pine color palette (#FFE7CA, #ADB33E, #0A9032, #813D79, #2F3100)
• Wandering Fern color palette (#FBF4E9, #D6D2B5, #95A17D, #937475, #574E00)
• Pine Coast color palette (#FFF2ED, #C0E6C6, #3CA8D6, #00884C, #1F3F71)
• Olive Workshop color palette (#F1EADA, #53843C, #00523F, #491530, #020800)

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