Patina Olive Canyon color palette — #F7F2DA · #97B36B · #397E00 · #703C2B · #252100

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F2DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#97B36B): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#397E00): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#703C2B): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#252100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Dusty Quarry color palette (#F1F4E2, #69BC8C, #007E5D, #6B4100, #1C2402)
• Moss Bloom color palette (#EBE5D0, #909F25, #496600, #5A3400, #151800)
• Pale Pine Studio color palette (#E5FCED, #94AE62, #1F7D40, #5A476E, #104439)
• Patina Moss Basin color palette (#E0FDF1, #AAC777, #60983E, #915847, #0F4439)
• Softworn Chestnut color palette (#F3F2EB, #C6C5A8, #708C66, #805815, #32312A)
• Worn Station color palette (#EEF5E1, #5FBC9B, #007D6A, #005374, #182503)
• Feathered Thicket color palette (#FFF4DD, #CAE597, #16AE53, #795B96, #28330D)
• Dusty Station color palette (#E6EADA, #1A8E5E, #00503D, #3C2400, #050900)

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