Tempered Balcony color palette — #F2F5FF · #AFABEA · #C6734F · #307451 · #242937

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#AFABEA): A luminous, balanced violet — the color of a velvet chair.
• Coral Clay (#C6734F): A luminous, balanced orange — the color of sun-warmed clay.
• Pine (#307451): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#242937): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Amber Bloom color palette (#F1F5FF, #C2C6FF, #CC875D, #2A796E, #0E3F4D)
• Softworn Atelier color palette (#ECF7FE, #74CDEB, #D87875, #447045, #1A2830)
• Muted Field color palette (#F7F3FF, #DB9ED0, #A38E2A, #228187, #282533)
• Antique Delta color palette (#E9FAF5, #DBD8FF, #CB8BAD, #4D7F69, #3D3D51)
• Hushed Mallow color palette (#FFF1F6, #CAB2FF, #D8868D, #5E98A7, #392D37)
• Timeworn Alley color palette (#FFF0F8, #7A79AB, #905F32, #3D5B32, #26362E)
• Ash Summit color palette (#FEEDF0, #B17BB0, #98603A, #643E1F, #132218)
• Weathered Orchard color palette (#F3F4FF, #BF9DFC, #618E06, #1D6694, #1A1B2F)

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