Tempered Balcony color palette — #FFF0F8 · #E5D8D4 · #ABB3AB · #8D9FD3 · #5D3F4A

A conversation between Blue Fog and Cocoa, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Bone (#E5D8D4): a clean, paper-quiet neutral.
• Ash (#ABB3AB): soft and architectural.
• Blue Fog (#8D9FD3): A luminous, dusty violet — the color of wild irises.
• Cocoa (#5D3F4A): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Aged Market color palette (#FFF1F1, #E4D7D3, #9BB7AD, #C16CD0, #5D273D)
• Patina Stone color palette (#F2F5FF, #E8D8E1, #DFB0C8, #657898, #49495A)
• Wandering Taupe color palette (#FFF3E5, #F0DAB5, #BD9664, #8C5F40, #34312B)
• Weathered Olive Balcony color palette (#FFF1F0, #DE97BB, #5F893D, #006167, #250C1D)
• Aubergine Corridor color palette (#F2D9DA, #E99DB0, #CA6956, #5E227B, #040001)
• Aged Archive color palette (#FFF1F2, #DB99CD, #91A958, #00847E, #361B1F)
• Hushed Pewter color palette (#FFF1F3, #FAE3B4, #916491, #4F264F, #1B090D)
• Timeworn Atelier color palette (#FFF2EE, #FFD6C5, #E6B46E, #A03D6E, #200100)

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