Patina Lagoon color palette — #FBE9E2 · #B56B62 · #563200 · #271B16 · #110A0A

A conversation between Mocha and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#FBE9E2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mocha (#B56B62): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#563200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#271B16): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#110A0A): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Patina 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

• Washed Hollow color palette (#F4ECE2, #AB7717, #3D3B34, #251D12, #0F0B09)
• Wandering Coral color palette (#FCECF8, #EA7263, #665159, #3F343C, #232025)
• Washed Cerulean Quarry color palette (#FEEFE1, #C78F59, #4596C7, #6476AB, #322416)
• Inked Chestnut color palette (#FCE8D5, #7D4500, #353D34, #201A00, #0B0400)
• Weathered Amber color palette (#FFEEE7, #E19F89, #BD6E2F, #724E13, #34312A)
• Bronze Basin color palette (#FBEFE6, #DEA67A, #749DDC, #A15F24, #3D293D)
• Lagoon Chapel color palette (#F4F2E9, #C2C7A8, #5C8F7D, #76585D, #31322B)
• Aged Taupe Orchard color palette (#FFEDEC, #D5BEB2, #AD9573, #78657B, #473A46)

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