Pine Canyon color palette — #FEF0FF · #B7FDFF · #00A9D8 · #007836 · #00244D

Olive takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Sea Foam (#B7FDFF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00A9D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#007836): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00244D): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Hushed Pine color palette (#F8F3F9, #D2D5E6, #40B6D6, #348235, #083051)
• Periwinkle Balcony color palette (#FFF0F9, #D7D7EF, #429CFF, #007463, #20115F)
• Aqua Summit color palette (#FFF2EE, #00D1D5, #00799B, #005A25, #0A3360)
• Cerulean Villa color palette (#FBF2FA, #A5D4E5, #0085B1, #00552D, #000B26)
• Wandering Denim Veranda color palette (#F0E4EC, #7FA9BE, #005793, #002C22, #01000A)
• Teal Corridor color palette (#F9F3F8, #D5D4E3, #B5C1EA, #65A181, #3D4E68)
• Moss Workshop color palette (#FFEECD, #C2BB00, #569D00, #005E34, #00261E)
• Mint Study color palette (#DCFFEA, #66E488, #00A150, #004A1C, #000904)

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