Patina Olive color palette — #FBF5DF · #98AD69 · #4B7822 · #005E59 · #35401A
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBF5DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#98AD69): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#4B7822): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#005E59): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#35401A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Patina Olive 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
- Muted Cypress Cabin color palette (#F1F8E7, #61B69C, #007A6D, #135C5F, #004636)
- Wandering Forest color palette (#E7E5D5, #789666, #246427, #00474A, #1A3008)
- Moss Villa color palette (#F5EAD5, #A29336, #5E5F00, #702633, #352E00)
- Antique Olive Summit color palette (#FBF0E3, #B2A96B, #56780D, #3C4488, #262100)
- Moss Summit color palette (#EBFAEA, #C5BD7A, #6C9627, #5962A6, #413C0C)
- Clover Corridor color palette (#E4FCF1, #C2D996, #76BB3A, #419993, #0E4438)
- Hushed Pier color palette (#F9F5EC, #C8C1A7, #7B875D, #935238, #5C4C00)
- Lagoon Boulevard color palette (#F6F6E7, #8EDFDA, #009196, #006858, #004951)
Browse the whole catalog at Explore, or see today's palette.