Patina Cypress color palette — #FAF4EF · #C1E7D4 · #6E8CB5 · #267064 · #5D3B50

Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Celadon Mist (#C1E7D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6E8CB5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#267064): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#5D3B50): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Cobalt Study color palette (#FFF2EA, #AEDAC3, #4782C5, #006858, #39386F)
• Cypress Basin color palette (#FCF3F0, #CEE5E0, #78A492, #4E7A5F, #5F4B5E)
• Timeworn Lagoon color palette (#F8F5EF, #C5E3E3, #71ABDC, #008B96, #573E56)
• Washed Cypress color palette (#EDF4EE, #C6E0F3, #6792B7, #006B74, #1A2C4A)
• Tempered Boulevard color palette (#EDFAE7, #43B5A1, #B37293, #007667, #5F3049)
• Hushed Powder Studio color palette (#FCF2F6, #D5DFF7, #91C0FF, #59A999, #3D4664)
• Worn Mallow color palette (#F1F9E6, #D3DBEF, #D1B8E4, #7B855B, #445441)
• Weathered Pier color palette (#EADED8, #338EA0, #004065, #002317, #03002E)

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