Patina Ridge color palette — #E8DCD5 · #9BBB99 · #008397 · #005D34 · #002334

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E8DCD5): bright and airy, almost weightless.
• Sage (#9BBB99): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#008397): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005D34): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002334): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Hazy Quarry color palette (#EFE1D7, #8FBDA6, #197ABC, #005A54, #091751)
• Timeworn Cerulean Orchard color palette (#FFF0FA, #9BD9D6, #00899E, #00552F, #000E19)
• Cerulean Canyon color palette (#FAEBE5, #95D0D9, #2192BE, #006E58, #002E59)
• Cypress Harbor color palette (#DEF0EC, #63ADAA, #006468, #003F35, #002529)
• Aged Quarry color palette (#FEF3ED, #C6E6DF, #6FAFC8, #448A70, #215246)
• Chalky Cobalt color palette (#F6E1C2, #AD7C00, #007AC1, #6C4C00, #001C32)
• Muted Drift color palette (#F8EDE1, #7496B6, #3A51A0, #003A43, #0B0026)
• Feathered Bronze color palette (#F0DFCC, #C8CA90, #6ABA87, #A25337, #2C2700)

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