Tempered Balcony color palette — #FFF1F5 · #A0C2A9 · #9A7957 · #6E5565 · #3D4C45

Mocha and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Stone (#A0C2A9): A luminous, dusty teal — the color of sea glass.
• Mocha (#9A7957): A full-bodied, dusty gold — the color of old brass.
• Graphite (#6E5565): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3D4C45): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Pewter color palette (#FBEEF2, #A6C4B0, #9B7784, #6B4C64, #1C312B)
• Softworn Stone Studio color palette (#ECF9F1, #B2BE92, #638B74, #4F644D, #3A4C49)
• Patina Dune color palette (#FFF0F7, #C79F6A, #966547, #70443F, #304237)
• Bronze Basin color palette (#FEF3E9, #D9C9AA, #B1967A, #A26243, #524800)
• Aged Driftwood Bloom color palette (#FFF0FB, #E5A0B2, #B66F63, #7B4E2A, #5F4200)
• Dusty Courtyard color palette (#F6F4FD, #E3A9E3, #AB6B48, #855C85, #362A30)
• Antique Market color palette (#DBF7E2, #A3A327, #836500, #6C3C00, #0F3E36)
• Bronze Field color palette (#F3DECB, #836100, #542D00, #380900, #0D0C00)

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