Soft Pine color palette — #FFF0FA · #B3FFF9 · #00ADC3 · #00773D · #00293A
A conversation between Pine and Cyan, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Sea Foam (#B3FFF9): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00ADC3): A luminous, balanced blue — the color of deep harbor water.
- Pine (#00773D): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00293A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft 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 Azure color palette (#FFF0FC, #D1DAF4, #00A8DC, #00755C, #002548)
- Emerald Delta color palette (#FBF1FC, #96ECE6, #00BEE3, #1E9F1D, #00355B)
- Periwinkle Station color palette (#EFF6FF, #70AEFF, #A66900, #5E7520, #00112D)
- Aged Bloom color palette (#FEF4E4, #66CBC5, #007D87, #00583E, #003947)
- Turquoise Summit color palette (#F1E3ED, #14B5CD, #005C7F, #002C23, #000105)
- Hushed Ridge color palette (#EFF6FF, #E1D9E2, #CDB7A0, #008EA9, #202F54)
- Cerulean Ridge color palette (#FDF1F9, #76E0E1, #0088A3, #005435, #000E1A)
- Worn Lagoon color palette (#FAF2F8, #D4D4E3, #84C5E3, #46927B, #2B4158)
Browse the whole catalog at Explore, or see today's palette.