Patina Ridge color palette — #F1F5FF · #909EFF · #578400 · #007384 · #1F2A45

Olive Leaf and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender Blue (#909EFF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#578400): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#007384): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#1F2A45): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

Use it as a design system

One click turns Patina Ridge 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

• Dusty Azure color palette (#EEF6FF, #2898FC, #AA7E00, #00766D, #0F2D49)
• Soft Wisteria color palette (#F4F4FF, #B76EEC, #009E73, #006CA5, #292746)
• Quiet Fuchsia Loft color palette (#FFF1F3, #F287F5, #848900, #007961, #310D16)
• Peony Archive color palette (#F6E9FF, #D56198, #659000, #006C7F, #2D2035)
• Dusty Peony color palette (#F8F2FF, #F054C5, #7E7C00, #005C85, #00325A)
• Pale Blush color palette (#FBF1FF, #FF6EA7, #008B55, #006CA5, #36223F)
• Hushed Moss color palette (#FFF1F2, #FFA5E3, #6EA52E, #008F61, #441E21)
• Weathered Ridge color palette (#FEF0FB, #E79086, #2EB1AA, #6E75AD, #463844)

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