Pine Canyon color palette — #F9F3F9 · #D3D5E4 · #44B4E1 · #118447 · #192E4D
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F3F9): bright and airy, almost weightless.
- Silver (#D3D5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
- Cyan (#44B4E1): A luminous, balanced blue — the color of open sky before noon.
- Fern (#118447): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#192E4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Ancient Cypress color palette (#FAF3F6, #D9D4DE, #92A2E0, #007F80, #34254A)
- Muted Lagoon Veranda color palette (#FBF4EA, #CCE9CF, #41C4E0, #00A387, #1C4334)
- Patina Cerulean Coast color palette (#FCF3EF, #8FD3D4, #0084A9, #2C6039, #223C5B)
- Hushed Turquoise color palette (#EEF6FF, #E7DAE2, #AFB7A9, #0AABCA, #2D3253)
- Timeworn Jade color palette (#F8F3F8, #D3D5E5, #B0C2E9, #6DA075, #3B4F66)
- Denim Delta color palette (#F3E4F0, #6DAEB6, #005C80, #002D19, #000009)
- Washed Cobalt Basin color palette (#FCF1F9, #96D8E5, #0083BE, #005439, #020235)
- Antique Ultramarine color palette (#F7EAF0, #86BFE0, #3361C1, #003E3A, #030010)
Browse the whole catalog at Explore, or see today's palette.