Patina Ridge color palette — #FFF2EA · #E99A74 · #ACA24A · #368F9B · #381E22

Moss and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#E99A74): A luminous, balanced orange — the color of toasted spice.
• Moss (#ACA24A): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#368F9B): A luminous, balanced blue — the color of deep harbor water.
• Onyx (#381E22): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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

• Blush Balcony color palette (#FFF2EE, #F09299, #C7894A, #489075, #35222D)
• Stone Workshop color palette (#FBF4E9, #D4BB7E, #9BAE7C, #5194B0, #452F2D)
• Shell Coast color palette (#FEF4DE, #FEACC0, #CE9868, #4F89AE, #433B38)
• Amber Workshop color palette (#F7EDD9, #B19907, #009388, #1A6AAE, #2A0904)
• Antique Lantern color palette (#FBF4E9, #CBAD6E, #2EA06C, #006C6F, #031F1A)
• Pale Moss Lantern color palette (#FFF4DD, #BEAD00, #5AAA46, #0080C1, #3F1319)
• Mallow Pier color palette (#FFF1F2, #E491C3, #36AE95, #7873B1, #372225)
• Worn Apricot Grove color palette (#F5E0D4, #EF8C67, #906728, #70380D, #201513)

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