Patina Pine color palette — #CAE9E6 · #007E37 · #005155 · #002E58 · #232000

Built around Olive, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Honeydew (#CAE9E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#007E37): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#005155): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#002E58): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#232000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Hushed Corridor color palette (#CEE9DE, #657000, #00543C, #00343F, #2F1A00)
• Softworn Lantern color palette (#C8E8EE, #00796C, #004D69, #271F67, #112600)
• Timeworn Lagoon Atelier color palette (#CEEBDE, #009B7B, #006D60, #004540, #012B37)
• Misty Lagoon color palette (#CDEAE4, #377E00, #004E65, #3E0053, #190400)
• Shadow Courtyard color palette (#CAEAF0, #005650, #002E46, #191300, #000705)
• Cypress Boulevard color palette (#D8E7DE, #5E9F8E, #2F7A7B, #334963, #3E294E)
• Ancient Courtyard color palette (#D4FFF9, #86BF00, #1DAF2A, #007C5B, #002A12)
• Powdered Lagoon color palette (#E3FAFE, #009F89, #006D92, #413F7A, #27401C)

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