Patina Pine color palette — #F6F2E3 · #92A97C · #367441 · #25496C · #1F1D00

Olive and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#92A97C): A luminous, dusty green — the color of fresh herbs.
• Olive (#367441): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#25496C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1F1D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Chalky Pier color palette (#F9F2DC, #9AB17C, #387C3D, #663866, #182500)
• Soft Lantern color palette (#F5E2C6, #A2982E, #516400, #432D75, #191700)
• Lagoon Boulevard color palette (#EAFAF2, #A6BE8F, #52915C, #4C6681, #203B35)
• Aged Cerulean color palette (#F5F1EA, #B0D1B8, #0089A9, #005C52, #002437)
• Tempered Studio color palette (#FEF3E8, #DCCFAA, #68995E, #7E5276, #322600)
• Navy Orchard color palette (#E2E0D1, #5A8653, #005132, #032460, #010B00)
• Raspberry Harbor color palette (#FFE4E5, #AD5997, #806E00, #00667B, #25051E)
• Timeworn Mulberry Lagoon color palette (#F9E3E5, #B778AF, #389052, #8D0486, #00240B)

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