Pine Balcony color palette — #FFF2EF · #BBFDFA · #00AAD1 · #007922 · #002547

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Honeydew (#BBFDFA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00AAD1): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007922): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#002547): 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.

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

• Azure Pier color palette (#FFF2ED, #D5DEF9, #00A5ED, #007650, #0C1C5A)
• Soft Lagoon color palette (#EEF8F0, #85EFE8, #00C1D0, #009C70, #003947)
• Softworn Station color palette (#FDF0FF, #00D2CC, #007A94, #075B10, #00355C)
• Softworn Periwinkle Coast color palette (#FBF4EC, #C4E4F8, #8DA1F0, #007F80, #342649)
• Hushed Cerulean color palette (#FFF2EE, #B5D6B7, #0086AD, #005525, #000C22)
• Aqua Lagoon color palette (#FDF0DB, #00D6CE, #00818B, #00543B, #001E27)
• Weathered Denim Harbor color palette (#EFE2DC, #72ADB9, #005A87, #002D1D, #00000B)
• Mustard Harbor color palette (#FFF2E2, #D8B500, #648E00, #006333, #002820)

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