Soft Pine color palette — #FFF0FA · #A6E9E9 · #00ADCE · #008757 · #004567

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Sea Foam (#A6E9E9): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00ADCE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008757): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004567): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Dusty Periwinkle color palette (#FDF1F7, #B8E1FB, #4EA1ED, #00837F, #303C69)
• Worn Balcony color palette (#F4ECF2, #A1CCDD, #0093C0, #006E56, #002F56)
• Powdered Aqua color palette (#E9F9F6, #ACF4F3, #00CEDD, #00A796, #004853)
• Washed Lagoon color palette (#FAF3F8, #D7D5E7, #86B9D7, #549485, #455466)
• Dusty Abyss color palette (#F0DDE9, #65B1AD, #007385, #004D2A, #001623)
• Misty Alley color palette (#E0ECFF, #8BADFF, #7F9940, #A17200, #1C2D5B)
• Patina Azure color palette (#EFF6FF, #E5D5E5, #F4A9D6, #1D9FCD, #3C3C63)
• Weathered Denim Garden color palette (#FBEBF3, #4D9EBA, #005D93, #003C37, #01002F)

Browse the whole catalog at Explore, or see today's palette.