Tempered Cocoa Pier color palette — #FDECF6 · #97B68A · #348786 · #763D50 · #163131

Built around Oxblood, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Blush (#FDECF6): A whisper-light, dusty pink — the color of neon signs at night.
• Sage (#97B68A): A luminous, dusty green — the color of fresh herbs.
• Fern (#348786): A full-bodied, dusty teal — the color of shallow lagoons.
• Oxblood (#763D50): A full-bodied, balanced rose — the color of a warm blush.
• Deep Forest (#163131): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Tempered Cocoa Pier 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 Lantern color palette (#FFECF4, #7ABAAE, #447FA5, #77431A, #0F313B)
• Washed Drift color palette (#E6FAF4, #74B998, #008A7E, #3C5B83, #364C4E)
• Garnet Lagoon color palette (#EAF4F4, #74AA8A, #75689A, #6B365F, #3E1D07)
• Lagoon Grove color palette (#EBF4F1, #ACCBC7, #58907D, #446B5D, #1A3734)
• Teal Dune color palette (#FFF2EA, #A1CC92, #1DA6A7, #925C6E, #464942)
• Quiet Garnet color palette (#FFEBFA, #3DA870, #006D80, #79010C, #00221C)
• Pewter Workshop color palette (#E1F8EE, #B2C9C5, #7C98A0, #725B7A, #4C3842)
• Tempered Cypress Corridor color palette (#F6F0F4, #D2D3E7, #69A6BE, #347A60, #25384A)

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