Linen Cocoa color palette — #D7E7D3 · #00796E · #7A2600 · #382C00 · #002808

Rust and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D7E7D3): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#00796E): A full-bodied, balanced teal — the color of sea glass.
• Rust (#7A2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#382C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#002808): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Faded Chapel color palette (#D4E5DB, #007794, #820049, #1C2E00, #000F05)
• Dusty Navy color palette (#D4E7D9, #007684, #0F3C9B, #2B3200, #00261D)
• Chalky Plum color palette (#FDE1DB, #CA005A, #743900, #383400, #002D14)
• Misty Plum Ridge color palette (#D2E4F1, #0093C1, #B30068, #3B4900, #042701)
• Hushed Fern Studio color palette (#EAE4D2, #889259, #445F00, #004841, #272D00)
• Antique Cocoa color palette (#F5E0E8, #A081A9, #845C7A, #6E3A27, #502C0D)
• Aubergine Ridge color palette (#EBDCE8, #4B63B0, #671B7F, #590026, #351500)
• Faded Pier color palette (#EFDBE1, #7D50A3, #7F0D49, #4F1B00, #271E00)

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