Pine Canyon color palette — #FAF3F7 · #D5D4E1 · #65AEE5 · #008261 · #202A57

Teal and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D5D4E1): bright and airy, almost weightless.
• Cornflower (#65AEE5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008261): A full-bodied, balanced teal — the color of sea glass.
• Navy (#202A57): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, 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

• Azure Meadow color palette (#FDF1FC, #BBFCFF, #00A8DB, #00783B, #002250)
• Weathered Lagoon Garden color palette (#FAF3F6, #D8D4DF, #A4BAEE, #009591, #42385C)
• Faded Iris Loft color palette (#FDF2F5, #D6DEFC, #6F8AEE, #006A6A, #260E44)
• Cobalt Harbor color palette (#FFF2EB, #92D1E0, #437EAA, #1C604A, #2F385A)
• Worn Taupe color palette (#E3FBFA, #D5DEEA, #C0B3C5, #A3993F, #0E363E)
• Wandering Denim Lantern color palette (#E8DDE3, #6BADC4, #00569A, #002C23, #01000A)
• Softworn Pine color palette (#E4FBF9, #8CD39B, #E683B2, #008C40, #44132D)
• Antique Cobalt Terrace color palette (#FCF2F7, #ABD2EB, #427BC5, #005248, #0C0031)

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