Patina Pine color palette — #FFF2EE · #00E8E2 · #009CBD · #07791B · #00345D

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Lagoon (#00E8E2): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#009CBD): A luminous, balanced blue — the color of open sky before noon.
• Olive (#07791B): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

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

• Airy Basin color palette (#FFF2EB, #6ADCFB, #0092EA, #00755B, #252B66)
• Pine Courtyard color palette (#FFF0FA, #B2FFFB, #00ACC6, #007744, #00283C)
• Pale Forest Market color palette (#F7E8E3, #66C3C3, #0081A2, #045E22, #001F40)
• Turquoise Harbor color palette (#F6F6EA, #97EBE6, #00C2C8, #009A82, #003A41)
• Iris Atelier color palette (#FBF4EC, #AEE1D2, #7C8FDF, #007C7D, #502E3D)
• Softworn Seafoam Garden color palette (#E6FFD2, #5CF6D5, #6BC8FF, #977200, #004328)
• Timeworn Station color palette (#FCF3EF, #C2E2E8, #84BAD4, #699175, #5F4B5E)
• Pale Cerulean Hollow color palette (#FAE7DE, #25A3B8, #005E8D, #003D2A, #02022B)

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