Patina Pine color palette — #F9F3F9 · #BBDBE5 · #4CA1C2 · #1B803F · #223C5C

Olive takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Powder Blue (#BBDBE5): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#4CA1C2): A luminous, balanced blue — the color of open sky before noon.
• Olive (#1B803F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#223C5C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Washed Lagoon Courtyard color palette (#F9F3F7, #D1DEF3, #72ABDC, #198F70, #3E4569)
• Ancient Cobalt color palette (#F5EBF1, #A0CBE5, #5389C7, #006E5C, #27245D)
• Ancient Mint Coast color palette (#E2F3E3, #5EC399, #009796, #006D82, #003D5C)
• Muted Cabin color palette (#F9F4EC, #AFCFB0, #008799, #00624C, #1B4333)
• Hushed Cerulean Workshop color palette (#E7F9FF, #62CDDD, #0096AE, #005766, #00252F)
• Hushed Ultramarine color palette (#EEDFE7, #6AABCA, #1461C8, #004B43, #150140)
• Coral Orchard color palette (#DAF4FA, #2EBFB5, #E16E55, #00837B, #5F1B0C)
• Hushed Meadow color palette (#F5E9F4, #5E9FA4, #006082, #003E20, #00071F)

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