Patina Pine color palette — #FBF2FC · #B96F78 · #167942 · #0C5974 · #33313F

Pine and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Dusty Rose (#B96F78): A luminous, balanced red — the color of a theater curtain.
• Pine (#167942): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#0C5974): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#33313F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Patina Market color palette (#FEF1F8, #C7856A, #587C44, #165B75, #433E59)
• Muted Olive color palette (#F5F3FF, #A770A6, #6E6D00, #005850, #29313D)
• Antique Petrol color palette (#FEF1F5, #A47345, #007C86, #404A77, #3B3040)
• Washed Basin color palette (#FAEEF5, #D57161, #0A7F64, #1D5545, #161A27)
• Dusty Dune color palette (#FFF2EE, #E1857B, #419491, #37726F, #382C37)
• Worn Rust Corridor color palette (#FFF0FB, #AE3D00, #005F52, #003973, #271B3A)
• Hushed Delta color palette (#F9F3F8, #E1D7D7, #B1ADA0, #A7736A, #585056)
• Powdered Meadow color palette (#FFF0FD, #EBAD96, #B4733C, #765400, #374E17)

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