Patina Canyon color palette — #EAFAF2 · #AFB475 · #3E5B56 · #1D3028 · #0B110D

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

The five colors

• Ivory (#EAFAF2): bright and airy, almost weightless.
• Sage (#AFB475): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#3E5B56): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#1D3028): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0B110D): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Patina Canyon 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 Lagoon color palette (#E3FAFE, #00B79E, #294C57, #072326, #000707)
• Moss Loft color palette (#F1EDE1, #888823, #344200, #211E15, #0F0C08)
• Muted Harbor color palette (#DFFDF6, #5DA900, #05482C, #001A16, #000201)
• Nocturne Balcony color palette (#D1ECED, #007153, #343036, #001716, #000201)
• Ancient Studio color palette (#C5EFF9, #6C6560, #005A55, #171B20, #000709)
• Timeworn Powder color palette (#E4FBF9, #A5DBB5, #A7B7F8, #D48D7D, #1F3F3D)
• Lagoon Harbor color palette (#D5F4FF, #009096, #00303F, #261F21, #000A0B)
• Patina Grove color palette (#EEF7F5, #C7DAF4, #83B9BF, #9B7C87, #2D4D4C)

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