Tempered Cocoa Balcony color palette — #FFE8F4 · #843800 · #004E53 · #002E31 · #060100

Rust and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFE8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#843800): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#004E53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Forest (#002E31): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Eclipse Terracotta Courtyard color palette (#F1DEEA, #992E00, #003E44, #250044, #060011)
• Moonless Cocoa color palette (#F4E6DE, #6B3100, #00395D, #001E34, #030100)
• Moonless Fern color palette (#D5E7DF, #545600, #004A67, #002B3F, #000302)
• Lowlit Mulberry Lantern color palette (#E4DCE9, #95005A, #005135, #00301E, #070003)
• Pale Rust color palette (#FFE9DE, #C83600, #006E6A, #003D5D, #040000)
• Tempered Bronze color palette (#FCD5D2, #B65F00, #594300, #162500, #000803)
• Airy Harbor color palette (#F4E4F3, #CC3D4B, #005137, #6A0017, #000201)
• Terracotta Orchard color palette (#D9ECD8, #A34300, #344200, #18045C, #0A0400)

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