Pale Pine color palette — #FAF5E2 · #8CB072 · #277C44 · #295281 · #2C421A
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FAF5E2): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#8CB072): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#277C44): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#295281): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#2C421A): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, 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
- Worn Olive color palette (#FFF3E3, #ADA56B, #627200, #584773, #433B00)
- Dusty Harbor color palette (#E8E6CD, #689A67, #026544, #2C3D60, #113112)
- Gentle Pine Field color palette (#FFEFDD, #ABAC71, #2A7F2A, #703162, #232200)
- Emerald Balcony color palette (#FFF1F5, #C0BE8A, #5F9754, #8E4F83, #403C00)
- Timeworn Cerulean color palette (#FEF4E4, #97DBE7, #008CB2, #00675F, #004468)
- Dusty Mulberry Ridge color palette (#FFF1F2, #DD7ACB, #1C9745, #821075, #00481A)
- Pale Archive color palette (#E9FAF2, #B0DF8E, #3BC26B, #658BB8, #08453C)
- Soft Alley color palette (#FFE1F3, #C644A1, #817300, #006B84, #4B1C3D)
Browse the whole catalog at Explore, or see today's palette.