Pale Pine color palette — #FFF2EE · #C3E5C5 · #3BA9D1 · #228745 · #174071
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Celadon Mist (#C3E5C5): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#3BA9D1): A luminous, balanced blue — the color of deep harbor water.
- Fern (#228745): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#174071): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.
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
- Weathered Pine Canyon color palette (#FAF2FA, #CCDBF5, #01BFF5, #008E44, #16355D)
- Misty Cerulean color palette (#FFF2ED, #8BDAE3, #0098CF, #007747, #0C2D6E)
- Feathered Iris Lagoon color palette (#FDF3EA, #B5E2FF, #7197F6, #00837E, #44346B)
- Mint Delta color palette (#E1F1E2, #00CF98, #009C9D, #006C7E, #00416A)
- Aqua Delta color palette (#F9F4ED, #A4F5F7, #00CCEA, #00A989, #00475E)
- Worn Powder color palette (#FBF3EF, #CDE8E4, #90B6D5, #7C8D69, #604B5B)
- Feathered Emerald color palette (#E0FFDF, #D1EAFF, #DDB9FF, #53A364, #064C5B)
- Quiet Cobalt color palette (#E9DFD7, #75BCDD, #3C74C4, #005A50, #1E1447)
Browse the whole catalog at Explore, or see today's palette.