Patina Quarry color palette — #FAF4F0 · #C7E7DD · #7ECBDD · #4FAE77 · #245243

Built around Jade, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C7E7DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7ECBDD): A luminous, balanced blue — the color of deep harbor water.
• Jade (#4FAE77): A luminous, balanced teal — the color of glacier melt.
• Deep Olive (#245243): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Teal Workshop color palette (#FDF3EE, #C8E6E2, #8DC6E5, #3AAE93, #553E57)
• Antique Field color palette (#EDF8F5, #CBDDED, #64B4B7, #058F78, #224E5D)
• Washed Cerulean color palette (#F2E4DE, #7EBCC2, #0091B6, #007052, #001528)
• Cerulean Studio color palette (#F8EFF5, #ACEAE6, #419BAD, #376B4B, #172F3F)
• Worn Study color palette (#FFF0FE, #9AC0F9, #E6A650, #92AA52, #452F45)
• Emerald Dune color palette (#F8ECE5, #C0DCC1, #00B7DA, #009662, #00314D)
• Cobalt Corridor color palette (#F0E1D6, #7CA7C1, #3C73C3, #005D61, #07002A)
• Patina Azure Corridor color palette (#F4E9E3, #A1CBB3, #009BE6, #007E72, #011754)

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