Pale Pine color palette — #F2F4E0 · #84B27C · #B273B3 · #36752C · #381939
Built around Olive, softened by Dusty Rose — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F4E0): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#84B27C): A luminous, balanced green — the color of fresh herbs.
- Dusty Rose (#B273B3): A luminous, balanced pink — the color of neon signs at night.
- Olive (#36752C): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#381939): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Hazy Iris color palette (#F8F2DE, #A8A867, #927FC9, #6A6900, #2A1E47)
- Hushed Olive color palette (#E7FAF6, #85AD76, #A874AB, #337805, #573359)
- Teal Harbor color palette (#EAF6E8, #4EB7B0, #BD7584, #00746F, #451321)
- Emerald Garden color palette (#E9F9F6, #9CC495, #C38DD3, #48953C, #513659)
- Moss Grove color palette (#F6F6E7, #BCE2A7, #DCA5DA, #6E9855, #522B32)
- Hushed Emerald color palette (#EFF6D6, #54A162, #677DB7, #96574F, #1D2102)
- Gentle Plum Harbor color palette (#DEEDE5, #27AE7D, #AF0079, #005B3E, #2E001D)
- Muted Bronze color palette (#FDEFE1, #BEA886, #936C40, #68412A, #2B2108)
Browse the whole catalog at Explore, or see today's palette.