Patina Pine color palette — #F7F0EE · #CBE1DC · #6FA4BF · #397B52 · #422E41

A conversation between Teal and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F0EE): bright and airy, almost weightless.
• Silver (#CBE1DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6FA4BF): A luminous, dusty blue — the color of open sky before noon.
• Teal (#397B52): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#422E41): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Patina Pine 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 Cypress color palette (#ECF5EC, #78C2C4, #CB887C, #008285, #362F2C)
• Weathered Turquoise Bloom color palette (#F8F4EE, #C7EAE1, #53A7BA, #3D7C6C, #42584F)
• Hushed Lagoon Basin color palette (#E8F7E9, #C1E3E8, #EDC3D0, #5F9D7C, #294034)
• Hazy Cobalt color palette (#FAEFE9, #A5D9EC, #4386CA, #006452, #1D1B54)
• Softworn Summit color palette (#E9F0D0, #90CAB4, #1E9C9A, #00697B, #043C32)
• Washed Abyss Archive color palette (#E8DED9, #43838F, #004060, #002014, #00000C)
• Dusty Spruce Villa color palette (#F8E6E1, #88A589, #00627C, #003D15, #000B1D)
• Timeworn Cobalt color palette (#F1E7E0, #8DBAD5, #4168B6, #004C47, #19073B)

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