Soft Pine color palette — #FFF2EB · #C7F8EA · #00C2E3 · #008D56 · #003955

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Honeydew (#C7F8EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00C2E3): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008D56): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003955): 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 Cypress Market color palette (#FBF3EF, #BFE5F1, #6CAFD8, #008170, #162E53)
• Feathered Grove color palette (#E9F9F5, #C5E3FF, #00CFD9, #00A892, #004952)
• Softworn Drift color palette (#FEF1FA, #94DEDB, #008EA6, #006A3F, #004565)
• Lagoon Cabin color palette (#FAF4EE, #C2E3F6, #A1BCE7, #3D9096, #503547)
• Patina Lagoon color palette (#F4E9E2, #6EACC2, #00598C, #002C28, #00000C)
• Dusty Cobalt color palette (#FFF2EA, #A1D4EB, #367EBF, #00524F, #040430)
• Gentle Moss color palette (#FFEFFF, #FA95FE, #46A42E, #008D7F, #321333)
• Ultramarine Station color palette (#F9ECDE, #8CBBEB, #485DBD, #003C46, #030010)

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