Tempered Cocoa Veranda color palette — #FFECF3 · #90B69D · #936C47 · #77352C · #092921

Rust takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#90B69D): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#936C47): A full-bodied, dusty gold — the color of honey in a jar.
• Rust (#77352C): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#092921): A deep, shadowed, 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 Cocoa Veranda 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

• Worn Parlor color palette (#FCEDF6, #C79FAB, #9A6652, #723744, #0E291B)
• Bronze Study color palette (#FFF1F6, #BEA376, #9C6425, #73442D, #304237)
• Hushed Chestnut color palette (#E7F6EC, #9FC5B9, #688D76, #715032, #173130)
• Antique Garnet Terrace color palette (#D6E6D4, #A2996A, #885918, #6C220C, #001E17)
• Wandering Petrol Alley color palette (#ECF3FA, #85BAE3, #B05361, #006AA4, #140A15)
• Olive Orchard color palette (#DFF3E2, #74763B, #593E00, #3C1500, #010700)
• Tempered Iris color palette (#F0F0FF, #9973B7, #9B5672, #615100, #18172B)
• Airy Summit color palette (#E0F1FF, #A6B3E2, #8C6CB3, #7D1664, #470012)

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