Misty Cocoa Coast color palette — #F4E3EC · #CD7A4F · #007349 · #863800 · #000502

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

The five colors

• Blush (#F4E3EC): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#CD7A4F): A luminous, balanced orange — the color of sun-warmed clay.
• Pine (#007349): A full-bodied, balanced teal — the color of sea glass.
• Rust (#863800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

Use it as a design system

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

• Pale Field color palette (#FFF2E9, #F67A16, #317100, #7A3800, #010100)
• Wandering Ridge color palette (#E2EEE4, #B98A00, #007161, #6A4D00, #000405)
• Mulberry Station color palette (#E8DCE8, #D46F79, #327200, #9C0032, #010500)
• Frosted Amber color palette (#F8E9E1, #B48411, #696400, #1C4700, #001A0F)
• Patina Bronze Ridge color palette (#F2E6D7, #A16900, #2A4D22, #462B00, #050300)
• Hazy Marigold Loft color palette (#E7F7E9, #DAA000, #00888F, #876200, #001517)
• Misty Quarry color palette (#EED8E3, #B55500, #00605B, #560058, #2A0006)
• Softworn Aubergine color palette (#F8DDE6, #B07000, #446400, #530076, #1D1500)

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