Pine Canyon color palette — #F4F6F0 · #B9C6A2 · #3289A2 · #1F8056 · #223229

Built around Teal, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Pistachio (#B9C6A2): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#3289A2): A full-bodied, balanced blue — the color of open sky before noon.
• Teal (#1F8056): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#223229): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Veranda color palette (#F2F7F1, #91CDCA, #5E7FAB, #007D7B, #352935)
• Cobalt Villa color palette (#F2F2EC, #AECF98, #677ECA, #597E3E, #1D121A)
• Feathered Orchard color palette (#D8E5DD, #00859B, #4008A3, #003843, #0B0006)
• Weathered Mulberry Bloom color palette (#FCF4E7, #74B6AF, #477F98, #7F4459, #3B4D3E)
• Worn Iris color palette (#EFF7F5, #C1DBAD, #8B96D8, #78985D, #282E3B)
• Washed Denim Ridge color palette (#E7FED9, #A7C6A4, #3C8E9F, #006285, #0D4A7F)
• Pewter Delta color palette (#F3F7ED, #4E907B, #70548D, #76373B, #38362F)
• Softworn Garden color palette (#EEF9EA, #41B7A7, #006C9C, #006459, #00241A)

Browse the whole catalog at Explore, or see today's palette.