Patina Pine color palette — #F5F0F5 · #D1DDEE · #78A2BD · #287C58 · #27364F

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Silver (#D1DDEE): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#78A2BD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#287C58): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#27364F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, 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

• Antique Cypress Grove color palette (#F1F7F2, #D2E0F1, #67A3B7, #377C71, #435563)
• Worn Lagoon Orchard color palette (#FFECF4, #BF9172, #399EA1, #00898D, #361F2B)
• Navy Field color palette (#F3E7F0, #3E8397, #003E69, #002017, #01000B)
• Chestnut Meadow color palette (#E7F6EC, #A4C3BA, #688D76, #744F2D, #133231)
• Tempered Denim color palette (#F2E6F1, #6CA8AC, #006180, #003C1C, #000921)
• Misty Cobalt color palette (#FAEEF4, #A0D9F4, #4783D6, #006358, #231754)
• Antique Forest color palette (#F5EFF6, #A3D0DB, #2E88A0, #076012, #00223E)
• Hushed Petrol Veranda color palette (#F1E6EA, #98B7D3, #5166AE, #004B4B, #1C0935)

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