Soft Pine color palette — #FFF2EC · #94EDEB · #00AECB · #008752 · #004565

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#94EDEB): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00AECB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008752): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004565): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Tempered Turquoise Workshop color palette (#EEF9EF, #C8DDF9, #18C4D9, #008B6B, #003B4C)
• Azure Delta color palette (#FFF2EA, #A7E6FF, #33A1F8, #00837D, #303D66)
• Gentle Forest color palette (#FFF2EE, #9ADCDA, #008DAE, #006C20, #044174)
• Misty Emerald Delta color palette (#FAF2FA, #ABF4F2, #1DC9F6, #27AC45, #10416F)
• Tempered Powder Terrace color palette (#FCF3EF, #C4F2EB, #8AB9D1, #7B8D6E, #5E4B5F)
• Denim Field color palette (#F8E9DF, #489FBA, #005D90, #003C36, #000329)
• Cobalt Summit color palette (#F3E0D3, #63BEE3, #0078C9, #005956, #121B42)
• Fuchsia Harbor color palette (#FAE2FF, #E97DFF, #009555, #4C9000, #402446)

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