Pine Canyon color palette — #E2F7F3 · #7CB888 · #007F52 · #325727 · #02280E
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#E2F7F3): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#7CB888): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007F52): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#325727): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#02280E): 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 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
- Faded Olive Study color palette (#E5F7EE, #A1B159, #547900, #514F18, #1E2400)
- Olive Quarry color palette (#EAF5F1, #8CC0B3, #54834A, #335D5D, #122D27)
- Jade Station color palette (#C6EFE8, #53AA6E, #006C48, #00493F, #001C09)
- Worn Jade Dune color palette (#FAF6DE, #5DBA70, #007B66, #4C5626, #3A3B34)
- Gentle Lagoon color palette (#F5F7E5, #85CF93, #389B6D, #57724F, #224329)
- Teal Grove color palette (#CCF2ED, #00AEAC, #00838A, #00515C, #002E38)
- Moss Veranda color palette (#E1F6FF, #00ABC0, #878900, #006774, #222200)
- Softworn Olive color palette (#D7EEE3, #72811F, #334D00, #08330F, #000B06)
Browse the whole catalog at Explore, or see today's palette.