Patina Garden color palette — #FAF2F8 · #C3E2EF · #5691B7 · #1E7351 · #374864

Pine and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#C3E2EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#5691B7): A luminous, balanced blue — the color of open sky before noon.
• Pine (#1E7351): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#374864): 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 Garden 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 Ash Study color palette (#FBF2F5, #DADEEF, #859ABC, #467783, #4C506D)
• Worn Dune color palette (#FDF1F8, #A3CBE3, #4C7BB1, #006152, #35365C)
• Patina Quarry color palette (#F6F1EA, #CBE3D1, #409AB9, #006D64, #023528)
• Patina Mallow Courtyard color palette (#E7F9FF, #DBDCE6, #D0B2E1, #588D75, #374D5A)
• Wandering Spruce color palette (#F2EAF2, #488E8B, #004454, #012503, #000A18)
• Tempered Amber color palette (#E9F8FF, #4BAFC4, #BF7162, #007285, #61342B)
• Bronze Summit color palette (#EAF8FF, #2D96B2, #B26245, #885600, #1C3C4C)
• Soft Teal color palette (#B8EDCE, #59C2B8, #00878F, #006180, #3F3F69)

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