Muted Cypress Pier color palette — #F1F3E8 · #7BAC97 · #00756A · #5C4012 · #142100

Teal and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Sage (#7BAC97): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00756A): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5C4012): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#142100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Muted Cypress 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

• Aged Olive color palette (#F6F1E8, #A9A177, #497135, #653832, #221C00)
• Airy Harbor color palette (#E9E6CE, #75A36B, #006D42, #394400, #031C00)
• Antique Delta color palette (#E8FAF6, #66AA98, #00707D, #6A3A47, #103C41)
• Aged Cypress color palette (#E5F8CF, #6DBFA7, #007A5F, #004131, #00110B)
• Patina Lagoon Villa color palette (#E6FAF8, #80C5A8, #009487, #795E37, #153C3E)
• Olive Station color palette (#ECF6DF, #B9E1D4, #6EC5E1, #438133, #1A290E)
• Chalky Indigo Field color palette (#D8E5C8, #109268, #665EBE, #973A00, #00190F)
• Worn Villa color palette (#F2F2EC, #C0C7AE, #708E4F, #686417, #30322B)

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