Patina Cocoa Pier color palette — #D8F7EA · #00597C · #712900 · #471700 · #000F19

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D8F7EA): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#00597C): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#712900): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#471700): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#000F19): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Garnet Cabin color palette (#E3F1E5, #005D62, #800028, #520016, #001112)
• Nightshade Delta color palette (#FDE4FB, #0E46B2, #742500, #431C00, #00092B)
• Weathered Garnet Study color palette (#CCEFED, #006334, #7A1D00, #392100, #000301)
• Misty Garden color palette (#EDD5ED, #175EBC, #565700, #004141, #261127)
• Softworn Quarry color palette (#F0E9F0, #C4B3BD, #A2858D, #004288, #261B26)
• Linen Coast color palette (#E3E3D0, #006BAA, #520688, #162B00, #081236)
• Tempered Veranda color palette (#F4D8F1, #0F44B7, #324C00, #143100, #1A0319)
• Amethyst Atelier color palette (#F2D9E4, #7E4AD1, #B50033, #6A3000, #13002D)

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