Patina Cocoa color palette — #E2F7F4 · #77B7A2 · #007A7E · #7F300A · #00281E

Rust and Teal set the tone — five colors that lean into optimism and calm.

The five colors

• Ivory (#E2F7F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#77B7A2): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007A7E): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#7F300A): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#00281E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Wandering Pine color palette (#E7F7EB, #81AA9B, #3F733D, #574308, #002319)
• Chalky Pine color palette (#E3F8EA, #9DB174, #008136, #782C52, #1B2500)
• Lagoon Market color palette (#F5F8E2, #71D0B0, #00999B, #98543D, #383C35)
• Softworn Alley color palette (#FAEEF2, #AFCBB9, #7D895C, #41696C, #22362A)
• Quiet Field color palette (#CEFFE8, #41C8A5, #008162, #004031, #00160F)
• Powdered Meadow color palette (#B8F1F2, #2DAE7B, #A80092, #A4002C, #001E11)
• Wandering Jade Grove color palette (#F3F8E2, #B1E8C7, #00AB82, #706F10, #0B3722)
• Linen Moss color palette (#EDF0DA, #87B333, #008640, #00533E, #00302A)

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