Soft Pine color palette — #FFF0FA · #77DFDA · #009DB5 · #007743 · #003850
Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Lagoon (#77DFDA): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#009DB5): A luminous, balanced blue — the color of deep harbor water.
- Pine (#007743): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#003850): 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
- Azure Garden color palette (#FFF0F9, #7ADAF6, #0095DD, #007368, #132E69)
- Hazy Studio color palette (#FFF2EC, #B2FFFB, #00ACC6, #007743, #00283C)
- Antique Studio color palette (#E9F9F5, #7BF0EB, #00C2CA, #009A84, #003A42)
- Dusty Summit color palette (#F7F7E2, #7DC7C2, #007D82, #005749, #003A41)
- Dusty Lagoon color palette (#FBF2F9, #CEE1FB, #76ADCA, #338C76, #354960)
- Frosted Mallow color palette (#EFF6FF, #DCDCFF, #FF8AD8, #0091AE, #27335C)
- Muted Denim color palette (#F8ECF4, #649CA9, #005F87, #003C32, #00081D)
- Cornflower Harbor color palette (#E2EBFF, #5981FF, #AD7200, #856C00, #101E52)
Browse the whole catalog at Explore, or see today's palette.