Patina Cypress color palette — #F2F2EB · #CDE4CB · #509B9F · #006E5D · #11341D

Pine and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Celadon Mist (#CDE4CB): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#509B9F): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#006E5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#11341D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Hushed Lagoon Field color palette (#E3E4D3, #50979C, #00535E, #002C29, #000508)
• Feathered Amber color palette (#EAF6E8, #49B8B1, #A58B2F, #00746F, #312600)
• Ancient Teal color palette (#D0F4E9, #51C2B2, #009089, #005657, #002E32)
• Gentle Lagoon Parlor color palette (#DFFBE1, #00A1A6, #637EB8, #517832, #0C2410)
• Pine Market color palette (#F9F3F7, #C7E2E8, #4497A8, #1C7445, #1F4D65)
• Hushed Lagoon Workshop color palette (#E3F8E9, #AFDFF0, #ADBCE6, #459494, #24382D)
• Cobalt Alley color palette (#F0F4E8, #ADD4F9, #4C84CB, #005D80, #092053)
• Muted Bronze color palette (#FFEEE1, #C9A382, #9D6736, #6A402C, #2E1F0D)

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