Tempered Balcony color palette — #ECF4F0 · #C7C889 · #0092AA · #77761C · #0C181D

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Pistachio (#C7C889): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#0092AA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#77761C): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#0C181D): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Patina Hollow color palette (#EBF4F3, #9CD2B1, #4187C6, #278556, #0D1721)
• Tempered Lagoon Dune color palette (#F7EFF2, #E6B995, #359869, #9A6334, #091919)
• Muted Turquoise Alley color palette (#F8F5EB, #D5D78F, #50A9C2, #90914C, #27312B)
• Weathered Lagoon color palette (#CEFFEA, #A8D0A8, #309780, #006568, #003040)
• Antique Boulevard color palette (#FEECF6, #92B981, #008A8A, #743E53, #1C3030)
• Lime Meadow color palette (#E8F5F1, #8CB941, #006DBC, #476700, #000918)
• Indigo Grove color palette (#EAF4F5, #5ECAAD, #7B61BE, #00765F, #0B0D19)
• Antique Cobalt color palette (#E9F5F1, #879F53, #3072B0, #703441, #0A1C17)

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