Cocoa Cabin color palette — #FCEDF5 · #9DB582 · #47857E · #713F59 · #153230

Cocoa and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FCEDF5): bright and airy, almost weightless.
• Sage (#9DB582): A luminous, dusty green — the color of fresh herbs.
• Fern (#47857E): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#713F59): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Forest (#153230): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Weathered Cerulean Cabin color palette (#FDECF6, #79BBA8, #4081A1, #76422F, #133139)
• Ancient Garnet Pier color palette (#E9F5EF, #A39F68, #3779A0, #763340, #3C1B29)
• Worn Lagoon Villa color palette (#EAF5EF, #AECAC4, #588D8E, #4B695B, #203632)
• Washed Lagoon Lagoon color palette (#E5FBF4, #7BB88D, #008B73, #325D82, #324D4E)
• Aged Terrace color palette (#FFF2EA, #ACC98D, #31A69D, #8B5F76, #474941)
• Pale Emerald Quarry color palette (#FFEBF9, #43A954, #006F78, #79001C, #002318)
• Weathered Loft color palette (#DDFAEE, #AFD2D2, #7996A1, #6E5B6F, #533947)
• Hushed Dune color palette (#DEF2F2, #579174, #274047, #0B2323, #050F0D)

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