Patina Pine color palette — #F9F3F9 · #BAE4F3 · #3A96BB · #297344 · #37495F

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Powder Blue (#BAE4F3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3A96BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#297344): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#37495F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Dusty Chapel color palette (#FAF3F6, #D8DEEF, #7E9AC8, #2B7D74, #4C5166)
• Muted Courtyard color palette (#FBF2F8, #A3CCE0, #287FB9, #006248, #2E385C)
• Hushed Pier color palette (#F6F1EA, #C6E6C9, #3C9CB0, #2E6B5B, #0C3426)
• Teal Courtyard color palette (#FCF3EF, #C6E8E0, #89C8DE, #66A889, #285145)
• Wandering Stone Meadow color palette (#F4F4FF, #E8D7DF, #F0B686, #717FA8, #544C62)
• Patina Station color palette (#F7E5F2, #529CA7, #004F73, #00321E, #020C3D)
• Peony Field color palette (#F6F3FF, #B36AAF, #358F54, #007367, #3A3448)
• Muted Ridge color palette (#F4F4FF, #B78CCD, #43A867, #7B4393, #274C33)

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