Pine Canyon color palette — #FBF2F8 · #B2DDE9 · #51A2B8 · #147F54 · #0B3F5C
Built around Teal, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Powder Blue (#B2DDE9): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#51A2B8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#147F54): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#0B3F5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Aged Lagoon color palette (#FCF2F8, #D1E0FA, #7BABCD, #318B7E, #344965)
- Weathered Turquoise Station color palette (#FBF3EF, #B9ECF4, #00B9DB, #218257, #0C362B)
- Softworn Cobalt color palette (#F6EBF1, #A0CBE4, #438CC6, #006D66, #1C2B54)
- Teal Balcony color palette (#D3E4D8, #43C0A0, #00908F, #006976, #003B53)
- Dusty Villa color palette (#F1E3ED, #47A2A9, #00627C, #003D2B, #000A17)
- Worn Aqua color palette (#DDF8FF, #61CFE8, #0095A7, #005D70, #00242A)
- Timeworn Rose color palette (#C5ECFA, #00A9B4, #CC656C, #AE5E48, #06313D)
- Tempered Parlor color palette (#DBF3FC, #27BDC8, #D8727C, #008189, #5C1C26)
Browse the whole catalog at Explore, or see today's palette.