Pine Canyon color palette — #F0F4E4 · #007B20 · #005E73 · #0D2F7B · #170209
Olive and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F0F4E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#007B20): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#005E73): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#0D2F7B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#170209): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Olive Corridor color palette (#F6F3DE, #687B00, #005457, #003753, #17030F)
- Nightshade Ridge color palette (#DDF4DD, #007672, #2800D7, #430061, #100005)
- Obsidian Meadow color palette (#DCE1D3, #005B39, #003752, #160050, #030004)
- Patina Fern Quarry color palette (#F0E9D4, #8E901A, #3C6900, #004147, #1D1800)
- Frosted Ridge color palette (#FFF1F5, #805C00, #084E95, #003165, #26192F)
- Antique Amber Archive color palette (#FFF3E7, #D98000, #007C86, #572B76, #0F0500)
- Quiet Boulevard color palette (#FFEDEA, #B22E5E, #005888, #372376, #190307)
- Frosted Grape Courtyard color palette (#E1F9E9, #00879E, #5F00D5, #5D0055, #200500)
Browse the whole catalog at Explore, or see today's palette.