Cypress Orchard color palette — #FEEEE8 · #B36863 · #007558 · #00476D · #21060E

Pine takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FEEEE8): a clean, paper-quiet neutral.
• Mocha (#B36863): A full-bodied, balanced orange — the color of sun-warmed clay.
• Pine (#007558): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#00476D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#21060E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Plum Boulevard color palette (#FFEDEB, #A9597D, #3F682A, #004A50, #230D19)
• Misty Navy Boulevard color palette (#FBEFE7, #AA672A, #006A66, #1E3483, #230C09)
• Aged Balcony color palette (#FAF0E8, #BF7B50, #39743B, #004666, #330932)
• Gentle Pine Balcony color palette (#FBF1FF, #B15973, #0B741E, #403572, #332737)
• Hushed Amber Balcony color palette (#FCF0DD, #CD896B, #836623, #004F5E, #331D06)
• Aubergine Terrace color palette (#F9F1E0, #857500, #005B84, #51006F, #150300)
• Pale Coral color palette (#FEF0FD, #E17370, #009370, #1F6592, #2A273B)
• Pale Terracotta Orchard color palette (#FFE3D0, #9A3B00, #004D46, #00245E, #15000A)

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