Pine Balcony color palette — #FBF3F1 · #CDE7DE · #6BA3B5 · #4F7B50 · #30524A

Built around Olive, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#CDE7DE): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6BA3B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#4F7B50): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#30524A): A full-bodied, dusty teal — the color of sea glass.

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

• Tempered Hollow color palette (#F8F5EF, #C9EADF, #5EC2CF, #58957C, #3B5044)
• Muted Cypress color palette (#FAF4EF, #CBE7E8, #8599C1, #008078, #664857)
• Dusty Driftwood color palette (#ECF9EC, #62A5A5, #BF7166, #996231, #364837)
• Worn Canyon color palette (#EFF8ED, #7CBFB4, #CD8177, #008578, #6B403A)
• Timeworn Cerulean Boulevard color palette (#E2FDEA, #ACD5BB, #3D909C, #005A64, #003E44)
• Abyss Delta color palette (#EDDFDB, #508B91, #00425C, #002411, #000722)
• Cobalt Atelier color palette (#FFF2EC, #97DBEA, #1387C9, #00694C, #2B3978)
• Dusty Petrol Dune color palette (#F5EDE8, #95BCA8, #2E69AE, #005145, #292559)

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