Patina Pine Canyon color palette — #EFEED8 · #057B4F · #00403A · #002231 · #000402
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#EFEED8): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#057B4F): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00403A): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002231): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000402): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Patina Pine 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 Balcony color palette (#F5EED7, #417819, #00412A, #2C0A40, #010400)
- Lagoon Basin color palette (#C6E9E9, #29A487, #005A51, #003235, #000102)
- Worn Bronze color palette (#FAEBDB, #877925, #374C00, #2A214C, #0A0800)
- Hushed Quarry color palette (#F1ECDC, #709B68, #00654A, #492A56, #121400)
- Hushed Navy Ridge color palette (#F1E6DF, #5A92AF, #00488D, #002C2C, #02001C)
- Dusty Moss color palette (#F8E0C6, #AB9505, #4C6500, #2D3873, #1B1600)
- Pine Pier color palette (#F8F1E1, #91B56F, #00804C, #564070, #242200)
- Grape Canyon color palette (#FFE5F1, #6633C0, #3D5200, #33006D, #020300)
Browse the whole catalog at Explore, or see today's palette.