Pine Canyon color palette — #FDF5E2 · #90AF68 · #007E44 · #733D51 · #3B3B34
Pine and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FDF5E2): A whisper-light, dusty gold — the color of old brass.
- Sage (#90AF68): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007E44): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#733D51): A full-bodied, dusty rose — the color of a warm blush.
- Charcoal (#3B3B34): quiet, heavy and certain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Teal Basin color palette (#F7F7E0, #5DB88E, #007A73, #75395C, #174431)
- Weathered Olive Garden color palette (#FEF3E7, #AEA565, #527700, #6B4916, #413B0E)
- Misty Delta color palette (#DCFAED, #9AB451, #4B7A11, #64451B, #00271E)
- Patina Forest Study color palette (#EAE5D0, #6E9963, #006548, #622734, #2A2B0B)
- Timeworn Pier color palette (#FEF5D7, #B1C576, #6B953A, #866030, #3C3B34)
- Ancient Amethyst Dune color palette (#FCF6D6, #9BAF25, #7B3EED, #576400, #3D2D6C)
- Muted Hollow color palette (#F3EEBA, #8D8200, #594EFF, #9C2F72, #363100)
- Antique Archive color palette (#F8F5ED, #C4C39F, #54906D, #7C6217, #535000)
Browse the whole catalog at Explore, or see today's palette.