Forest Balcony color palette — #F8F0ED · #CDE3D0 · #5796B5 · #007140 · #3A223A

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Celadon Mist (#CDE3D0): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#5796B5): A luminous, dusty blue — the color of deep harbor water.
• Pine (#007140): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#3A223A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Timeworn Corridor color palette (#F7F1EA, #C5E4DC, #8289BB, #006B72, #342344)
• Washed Forest color palette (#FDEEEA, #BCD9BC, #0090B6, #006728, #00254B)
• Timeworn Boulevard color palette (#FFEEE5, #C57560, #00909D, #007985, #2F170A)
• Aged Station color palette (#F9F3F8, #CCE1F9, #62B0D2, #4A8B5E, #344963)
• Washed Petrol color palette (#F1E6E2, #84BFC8, #0A73A3, #004E32, #051139)
• Navy Pier color palette (#F1E9E0, #517DA1, #262A8C, #001F20, #020007)
• Tempered Denim color palette (#F7E5DE, #6D957A, #004E77, #002D1E, #01001D)
• Hushed Denim Chapel color palette (#EBDFD6, #6BA5BF, #0655AC, #003A32, #0B002C)

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