Teal Balcony color palette — #FBF2F7 · #D7D4E4 · #B8BFE9 · #79AF9D · #485269

A conversation between Sage and Lavender, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Silver (#D7D4E4): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#B8BFE9): A luminous, dusty violet — the color of wild irises.
• Sage (#79AF9D): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#485269): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Ridge color palette (#EAF8FF, #DBDAE5, #9FC9CC, #B6ABA3, #3F505C)
• Washed Powder Villa color palette (#F9F4ED, #C7ECE9, #85B9D7, #738F72, #38504A)
• Powder Boulevard color palette (#FFF1F6, #CAE9FF, #96B4FF, #00A6A1, #443566)
• Shell Harbor color palette (#ECF7FF, #9FDFFF, #FEB19D, #6AB3D6, #5C4555)
• Washed Sand color palette (#EAFAEB, #DFDDA9, #9FC0A0, #A48899, #3A4C48)
• Washed Delta color palette (#F7F0ED, #C8E4E2, #7AA1BF, #287A6F, #432E41)
• Cobalt Hollow color palette (#F1E2E9, #51ACD5, #3873C8, #005E54, #0A0027)
• Turquoise Coast color palette (#F3ECF4, #8CE5E0, #15B6DB, #50904F, #083050)

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