Patina Grove color palette — #FAF3F8 · #D5D5E6 · #B4BFE8 · #80AE94 · #44536B

Sage and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#D5D5E6): A whisper-light, dusty violet — the color of wild irises.
• Sky (#B4BFE8): A luminous, dusty violet — the color of wild irises.
• Sage (#80AE94): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#44536B): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Wandering Lantern color palette (#F9F4EE, #CBE6E2, #84BBCF, #5B9289, #305247)
• Frosted Teal Atelier color palette (#FFF0F8, #C4EBFF, #8AB7FF, #00A797, #3E376A)
• Hushed Corridor color palette (#E9F8FF, #A7D7FE, #9CB9F6, #8C87BA, #524E70)
• Wandering Stone color palette (#FFF1F7, #C6E2CC, #D4A7BB, #A388A0, #3B4C45)
• Tempered Field color palette (#F0F5FF, #C5D3FF, #D7C68F, #90A5E9, #345641)
• Linen Grove color palette (#EDDEE6, #6FBCD9, #1F84E5, #006F5D, #110242)
• Wandering Turquoise color palette (#F7F0ED, #C8E5E0, #61A5CD, #3F795B, #422F3F)
• Hushed Azure color palette (#EADBE8, #8CCDD3, #009FD5, #00824B, #021B4B)

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