Pine Canyon color palette — #FEF0FE · #6FDFE3 · #009AC6 · #007839 · #003169
Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Blush (#FEF0FE): A whisper-light, dusty pink — the color of peonies in June.
- Ice Blue (#6FDFE3): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#009AC6): A luminous, balanced blue — the color of deep harbor water.
- Pine (#007839): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#003169): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Cornflower Orchard color palette (#FFF0F8, #91D6F1, #218DF5, #007462, #2B256E)
- Pine Harbor color palette (#FFF2EE, #B6FDFF, #00A9D7, #007835, #00244D)
- Cobalt Basin color palette (#F9EAF7, #82BDC3, #007FAD, #005D36, #031B4A)
- Turquoise Pier color palette (#ECF9EE, #6EF1F5, #00BFDB, #009B7D, #00394C)
- Lagoon Coast color palette (#FAF2F8, #D0DFF9, #71ABD9, #358C6F, #394864)
- Gentle Jade Hollow color palette (#D9EBDA, #00C08D, #008D8C, #006077, #003457)
- Patina Sky color palette (#C1F4FF, #00C6EF, #00849E, #005165, #001B22)
- Soft Pine Corridor color palette (#D8FEFF, #C7E4FF, #BDA3FF, #008F4C, #003F4B)
Browse the whole catalog at Explore, or see today's palette.