Pine Balcony color palette — #FEF1F9 · #94E5E1 · #3EA5B9 · #367C52 · #143F55

Teal and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Ice Blue (#94E5E1): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#3EA5B9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#367C52): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#143F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Periwinkle Alley color palette (#FDF1F7, #ADDCF6, #6298DA, #007C7D, #2D3A57)
• Antique Forest color palette (#FAF2FB, #A6CCD6, #0E85A1, #206322, #193D5D)
• Emerald Studio color palette (#FCF3F1, #D0E8CE, #67C0DB, #52A054, #153D60)
• Dusty Powder Terrace color palette (#FCF2F5, #DBDEED, #9CB0E1, #5E8EA1, #4C5266)
• Hushed Teal color palette (#FCEAF6, #20A6A9, #006278, #003E27, #000A15)
• Timeworn Petrol color palette (#F3E6EF, #71C0C6, #0081A1, #005C41, #00213A)
• Worn Coral Corridor color palette (#F8D9F5, #EE5F63, #009D9E, #3079A4, #392138)
• Tempered Meadow color palette (#FEE5FD, #FF767D, #00ACA0, #AA5357, #003F3A)

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