Patina Pine color palette — #E6F6EF · #8AAC74 · #197840 · #174F58 · #04221D
Pine and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E6F6EF): a clean, paper-quiet neutral.
- Sage (#8AAC74): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#197840): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#174F58): A deep, shadowed, dusty blue — the color of open sky before noon.
- Onyx (#04221D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Patina Pine 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
- Moss Summit color palette (#D1EDD8, #9C9A35, #4A6600, #00455B, #181700)
- Washed Pine Pier color palette (#FEF4E3, #8EA55D, #15754A, #355342, #36362F)
- Patina Bloom color palette (#D6E9E4, #679C75, #00644D, #2D365B, #001615)
- Worn Lagoon Bloom color palette (#E6F6F2, #86C0BE, #038970, #325B6A, #0E2D2C)
- Antique Mint color palette (#F8F5E8, #98C37D, #509163, #526C4A, #36362F)
- Patina Pine Lagoon color palette (#DBF2EB, #528754, #005136, #003131, #000B01)
- Patina Lagoon color palette (#EDF9EF, #CBD7A7, #569B6D, #296E7C, #0A2F25)
- Sunlit Bloom color palette (#DDEAFF, #658DEA, #A27200, #2E4EA2, #281900)
Browse the whole catalog at Explore, or see today's palette.