Muted Cypress color palette — #F9F5E7 · #A9A0CC · #98657B · #00685C · #5A3F46

Pine and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F9F5E7): a clean, paper-quiet neutral.
• Mauve (#A9A0CC): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#98657B): A full-bodied, dusty rose — the color of strawberry cream.
• Pine (#00685C): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5A3F46): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Sophistication. Tagged retro, muted.

Use it as a design system

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

• Ancient Bloom color palette (#FBF5E6, #C897AE, #996B54, #26607E, #5B4039)
• Tempered Driftwood color palette (#FEECF5, #CE98B8, #A85F71, #6B4B17, #312838)
• Washed Pewter color palette (#FFF0FB, #CFBABD, #AA908B, #69785E, #2D5250)
• Cypress Basin color palette (#FBF3F0, #CEE4DD, #60A5B5, #477C5C, #315247)
• Gentle Terracotta color palette (#F7EED9, #B26B96, #953A10, #00465F, #4A212C)
• Cocoa Balcony color palette (#F9F4EE, #C9C0A7, #758962, #795C6B, #5F4A00)
• Muted Mallow Coast color palette (#E2FCF3, #DAC4FF, #D999AC, #5C9990, #484558)
• Coral Canyon color palette (#FFF1F2, #E0D2DB, #F1AFE9, #D58067, #5D3E3E)

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