Pine Canyon color palette — #D2ECEB · #008B54 · #004F54 · #004427 · #000203
Fern takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D2ECEB): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#008B54): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Forest (#004427): A deep, shadowed, balanced teal — the color of glacier melt.
- Black (#000203): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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
- Hushed Lagoon Pier color palette (#C3E9DD, #00887B, #005656, #00262A, #000507)
- Aged Workshop color palette (#C8F1E9, #007368, #00464D, #170063, #000404)
- Ancient Lagoon color palette (#DAEEE7, #6A7F00, #00532E, #323E00, #000202)
- Patina Workshop color palette (#E4F0F1, #95A9AB, #56938E, #00523C, #010C0D)
- Timeworn Lagoon color palette (#D1E1EA, #0092B0, #0050A2, #004D5F, #000207)
- Aged Veranda color palette (#DAEAE3, #7D8100, #1218AA, #2C2E00, #000106)
- Lowlit Fern Pier color palette (#CBE6DE, #456700, #002B47, #142200, #000205)
- Emerald Drift color palette (#E1E3D2, #4EA140, #00717E, #196A06, #000301)
Browse the whole catalog at Explore, or see today's palette.