Pine Canyon color palette — #FFF2EF · #BEECF2 · #66B2CB · #3A8041 · #3C243F
A conversation between Olive and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Frost (#BEECF2): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#66B2CB): A luminous, balanced blue — the color of open sky before noon.
- Olive (#3A8041): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#3C243F): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Pine Station color palette (#FEF2EE, #BDEBF6, #4CBBF2, #008D57, #163268)
- Lagoon Meadow color palette (#FBF3EF, #BEE5EF, #92C1E2, #579075, #50354B)
- Hushed Studio color palette (#FFF2EB, #BCEFFF, #5997CF, #006C55, #151843)
- Forest Alley color palette (#F9F3FA, #9CCFDB, #0086A1, #2B6128, #243D54)
- Wandering Emerald color palette (#FFF1F4, #DD9BF0, #4A994C, #007E68, #27102E)
- Cerulean Grove color palette (#FFF1F5, #E5D6D4, #9EB6AD, #7293BF, #49262B)
- Wandering Teal color palette (#EEDED9, #58B3B4, #005E77, #002E0D, #000104)
- Softworn Chestnut color palette (#FFF4DB, #B9D19C, #948B55, #774E22, #1E240D)
Browse the whole catalog at Explore, or see today's palette.