Cocoa Lagoon color palette — #FBF3EF · #DCD9D2 · #A4B7B5 · #C2917F · #642E00

A conversation between Rust and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#DCD9D2): a clean, paper-quiet neutral.
• Ash (#A4B7B5): A luminous, dusty teal — the color of sea glass.
• Camel (#C2917F): A luminous, dusty orange — the color of toasted spice.
• Rust (#642E00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Taupe Boulevard color palette (#FCF3F2, #E2D9D1, #C0C6BB, #C28BA2, #493C3B)
• Basalt Balcony color palette (#E5DFD6, #C2BAA9, #99917A, #4D3800, #020100)
• Worn Coast color palette (#FFF3E5, #DDE2B9, #B4AC8D, #718165, #375035)
• Wandering Bronze color palette (#FAF3F7, #E7D8D7, #D1BBB8, #A0624B, #4F444B)
• Bronze Balcony color palette (#FBF4ED, #DFDDCD, #98C1B3, #B56900, #33200C)
• Dusty Hollow color palette (#FFF3E6, #CE8E4A, #5F3F00, #281C0F, #090502)
• Frosted Moss Thicket color palette (#FFF3E3, #D9B574, #76964C, #006C59, #4C1716)
• Fern Villa color palette (#F6F6EC, #D1DDD0, #B8BEA6, #496C00, #0E0D01)

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