Patina Pine color palette — #DCFAED · #91B478 · #148040 · #005950 · #142604

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

The five colors

• Honeydew (#DCFAED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#91B478): A luminous, balanced green — the color of fresh herbs.
• Olive (#148040): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005950): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#142604): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, 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

• Cypress Lantern color palette (#DFF8F3, #78AF8B, #17755F, #1B4D5E, #002221)
• Dusty Pine Basin color palette (#FFF3E4, #A0A977, #0F7E3D, #005B68, #393F13)
• Weathered Emerald Grove color palette (#FAF5E2, #A9C596, #369D59, #007A6E, #294310)
• Washed Balcony color palette (#CFEBE7, #188D69, #004F48, #003039, #000B05)
• Cerulean Study color palette (#E8F6EA, #A0DCDF, #0092AB, #006452, #002939)
• Charred Forest Veranda color palette (#C8E8E0, #24673A, #003225, #080C3A, #000200)
• Indigo Corridor color palette (#DBE4FF, #5B74F3, #C24533, #007537, #0C123C)
• Pale Studio color palette (#EAF2FF, #6794F7, #A97900, #214FC2, #2D1D00)

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