Patina Pine color palette — #FAF0E2 · #9BA679 · #167744 · #024F5D · #211C01

Built around Pine, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9BA679): A luminous, dusty green — the color of new leaves after rain.
• Pine (#167744): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#024F5D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#211C01): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Olive Terrace color palette (#FCEFE5, #B19F68, #547018, #543B5F, #241A06)
• Cypress Orchard color palette (#F4F2E6, #77AF8A, #00746F, #444B1C, #191F08)
• Patina Forest color palette (#E9E1D3, #7C9860, #006547, #5B213A, #141300)
• Timeworn Lagoon color palette (#EAFAED, #AABD83, #4D916B, #47697A, #1A3D34)
• Worn Olive Drift color palette (#EFE7D7, #61853C, #005139, #002F3E, #090800)
• Cerulean Station color palette (#F8F0ED, #AFD2B3, #0088B1, #01602F, #2D172E)
• Ancient Cobalt Delta color palette (#DFF5EF, #0880D2, #6B7600, #1C6733, #001914)
• Washed Blush color palette (#DDF9F1, #E7DBFF, #F399B9, #1B7180, #321E2A)

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