Cypress Archive color palette — #FAF4F0 · #CCE3D5 · #648EB7 · #00735B · #5B3C52

A conversation between Pine and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#CCE3D5): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#648EB7): A luminous, dusty blue — the color of deep harbor water.
• Pine (#00735B): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5B3C52): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Muted Pine Hollow color palette (#FBF3F1, #CDE7DF, #7BA48E, #457E4B, #5F4A62)
• Pine Chapel color palette (#FCF3F1, #CEE3CC, #3D97B1, #29742F, #225147)
• Cobalt Veranda color palette (#FDF3EC, #ACCEC1, #5F77AD, #00605C, #3D335A)
• Worn Veranda color palette (#EDF4EE, #BBE3F8, #4897BF, #006C6B, #152E45)
• Cobalt Workshop color palette (#FFF1F1, #E6D8C9, #C4C898, #7D6FAC, #62443E)
• Weathered Abyss color palette (#F9E8E3, #448D95, #00425D, #002412, #000526)
• Aged Powder color palette (#FCF2F8, #D5D9F8, #8CC3F5, #69A791, #3D485D)
• Pine Workshop color palette (#FFF2ED, #BB7071, #588B39, #007E3C, #4D2F25)

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