Pine Canyon color palette — #FBF2FB · #9CECE5 · #00ADCE · #418439 · #0B436B

Olive Leaf and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Sea Foam (#9CECE5): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00ADCE): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#418439): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#0B436B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Softworn Azure Villa color palette (#FEF1F9, #A7E6FA, #52A1E7, #008569, #323874)
• Hazy Pine Bloom color palette (#FEF2EF, #CCE1FA, #00C2E8, #298D28, #123757)
• Soft Cerulean Balcony color palette (#F6EAF5, #8FD2D6, #0093C2, #03703C, #122D55)
• Feathered Basin color palette (#ECF9EF, #A6F6F1, #00CEE0, #00AA7D, #004759)
• Weathered Lagoon color palette (#F9F3F8, #D6D5E8, #93B6D1, #5A9192, #465368)
• Cobalt Market color palette (#EBDDE4, #72BDD8, #3C77B6, #005B4B, #19124F)
• Powdered Crimson color palette (#FFF0FE, #FF8387, #00B2AC, #D81F41, #004442)
• Patina Denim Lagoon color palette (#EADAE4, #609CAF, #005B99, #003D2F, #05002C)

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