Cocoa Coast color palette — #DFE3BF · #94B58F · #518F7E · #863731 · #342800

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

The five colors

• Celadon Mist (#DFE3BF): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#94B58F): A luminous, dusty green — the color of new leaves after rain.
• Fern (#518F7E): A luminous, dusty teal — the color of glacier melt.
• Rust (#863731): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#342800): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Cocoa Atelier color palette (#DFE7D3, #A6B68E, #498C99, #674600, #1B3D09)
• Antique Petrol color palette (#E2F0CE, #8C916D, #036C7A, #593700, #172100)
• Softworn Meadow color palette (#E5E7B4, #92CCB9, #69A0C7, #846237, #604219)
• Quiet Cobalt color palette (#B7F9E8, #7AC0CE, #4084BE, #7C4756, #613E18)
• Aged Station color palette (#D8ECED, #62A8AA, #1C6BA6, #414800, #002D26)
• Tempered Basin color palette (#E4F8EA, #AEC8B6, #9F8E9F, #72671A, #384A32)
• Softworn Dune color palette (#DCE8DA, #45868A, #3A4C79, #312F00, #161500)
• Rust Villa color palette (#DBFBEC, #38B5EB, #C14700, #006487, #3C1000)

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