Pine Canyon color palette — #E8F0F0 · #C6DCE2 · #98BDD7 · #368354 · #213131

Built around Fern, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Cream (#E8F0F0): bright and airy, almost weightless.
• Silver (#C6DCE2): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#98BDD7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#368354): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#213131): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Teal Boulevard color palette (#E3F2F3, #C5D6E2, #A6BCD1, #47A688, #1D3233)
• Hushed Cypress color palette (#E3F2F4, #B6C7D0, #92A7C0, #007161, #132224)
• Teal Boulevard color palette (#D2EBE4, #63B895, #008286, #4B5C31, #003032)
• Weathered Basin color palette (#D5EEF4, #00837D, #003751, #001A20, #000605)
• Pale Emerald Terrace color palette (#EDD5EB, #47AB50, #00758F, #870C1E, #002C22)
• Denim Terrace color palette (#E0EAF2, #9AA5B9, #8383A0, #004B6A, #000A15)
• Cobalt Atelier color palette (#F0F6FC, #DDD7E8, #D3B8D6, #2A8DD0, #36414B)
• Pale Lapis Summit color palette (#D4E7DE, #919515, #4B3FCD, #5C3B00, #2D1B00)

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