Pine Balcony color palette — #FAF2F9 · #C8E1EA · #4694B8 · #277346 · #31486B

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Silver (#C8E1EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4694B8): A luminous, balanced blue — the color of deep harbor water.
• Pine (#277346): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#31486B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Ancient Iris Lagoon color palette (#FCF2F5, #CBDFF2, #7786C3, #007072, #4E3F64)
• Wandering Turquoise color palette (#F0F7F1, #CCDFF6, #49B4CF, #2E8C79, #2D4B60)
• Antique Study color palette (#F5F1EB, #C5E7CA, #009EBB, #006E5D, #133327)
• Tempered Petrol Basin color palette (#EAF8FF, #7CC0D6, #0081A0, #004C5E, #003343)
• Dusty Amber Balcony color palette (#E8F9FD, #51B1B2, #C86C51, #007476, #603529)
• Onyx Canyon color palette (#F7E7F2, #569BA9, #004E78, #003121, #06004A)
• Rust Workshop color palette (#E9F8FF, #1299AF, #B55E4C, #8E5200, #173D4C)
• Patina Navy color palette (#F5E2E9, #6384A4, #2F2F80, #002224, #110020)

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