Pine Canyon color palette — #FBF1FC · #7BDEDF · #009BC3 · #007832 · #003264
A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF1FC): a clean, paper-quiet neutral.
- Ice Blue (#7BDEDF): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009BC3): A luminous, balanced blue — the color of deep harbor water.
- Olive (#007832): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#003264): 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
- Tempered Lagoon color palette (#FFF2EE, #B0FFFE, #00AAD3, #007829, #002549)
- Cornflower Basin color palette (#FFF0F9, #9AD5EC, #1F8CFB, #007463, #2D266A)
- Hazy Cobalt color palette (#F6ECF5, #79BFC6, #007FAD, #005D36, #001952)
- Turquoise Canyon color palette (#ECF9EE, #76F0F1, #00BFD8, #009B7A, #00394B)
- Tempered Drift color palette (#F9F3F7, #D0DEF5, #7BABD0, #0C906B, #3B4669)
- Ultramarine Villa color palette (#E9DDE4, #67ACC8, #0065C0, #004B40, #12043E)
- Dusty Lagoon color palette (#DCF3ED, #00A38C, #8C53FD, #9E00E1, #002B24)
- Hushed Bronze Corridor color palette (#E6FCD1, #84F3D7, #70CAFF, #8D7700, #003E2D)
Browse the whole catalog at Explore, or see today's palette.