Cocoa Loft color palette — #F9E9C8 · #5E945A · #00798C · #7D3511 · #210600

Built around Rust, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Parchment (#F9E9C8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Fern (#5E945A): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#00798C): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7D3511): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#210600): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Aged Drift color palette (#FDE5DA, #878C5A, #007A69, #6B3039, #280008)
• Washed Pier color palette (#D3E7CB, #009494, #50699E, #613A22, #1D0B00)
• Timeworn Cypress color palette (#E9E3D4, #6E9659, #007358, #554800, #060600)
• Hushed Terracotta Thicket color palette (#D0E9E6, #008077, #A54400, #6A4700, #000202)
• Timeworn Onyx Field color palette (#D6F7F3, #398A7E, #006176, #481449, #290410)
• Aged Turquoise color palette (#CEE6D5, #43A3C1, #7275B1, #5F5204, #211B00)
• Ancient Pine Lagoon color palette (#D2E6CF, #008B65, #006F6F, #004451, #000710)
• Lagoon Parlor color palette (#D5E4D8, #009280, #005262, #2F0F2E, #040001)

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