Pale Pine color palette — #F7F8DA · #7FB27E · #2A7B4B · #714422 · #254325
Pine and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F7F8DA): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7FB27E): A luminous, balanced green — the color of fresh herbs.
- Pine (#2A7B4B): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#714422): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Forest (#254325): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pale Pine 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 Canyon color palette (#FDF4E1, #A7A76C, #64711B, #7B3940, #3E3D0D)
- Moss Veranda color palette (#F1EDC8, #67A547, #076E22, #553F00, #163700)
- Chalky Amber color palette (#FFF3E6, #CC8000, #00956E, #814F00, #004632)
- Chalky Quarry color palette (#F6F2E1, #87B589, #007E64, #693370, #06280C)
- Washed Drift color palette (#E1FCF2, #9AC99B, #009D7D, #86538A, #204422)
- Driftwood Alley color palette (#F5F6ED, #BEC5A4, #768A47, #7D6217, #4A5303)
- Linen Corridor color palette (#FFF3E3, #FCE89E, #B8B960, #A66500, #574413)
- Weathered Fern color palette (#F2E7D4, #837C3E, #454900, #4B2100, #1F1B00)
Browse the whole catalog at Explore, or see today's palette.