Soft Pine color palette — #FCF1FD · #B3FFF9 · #00ABCD · #167812 · #002644

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

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Sea Foam (#B3FFF9): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00ABCD): A luminous, balanced blue — the color of open sky before noon.
• Olive (#167812): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002644): 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

• Faded Azure color palette (#FFF0FC, #D1DAF5, #00A5EA, #00764E, #061864)
• Worn Lagoon color palette (#FBF4EA, #9BEBE6, #00C0D1, #009C72, #003948)
• Forest Meadow color palette (#FFF2EE, #48CFC9, #007A95, #065B10, #00355D)
• Aged Archive color palette (#FBF2F5, #D9D4DE, #95A2DD, #007E82, #292A4B)
• Timeworn Cerulean color palette (#FEF0FE, #85DDDF, #0087AC, #005523, #000C21)
• Pale Mint color palette (#E1FFD3, #00DA92, #009F94, #005769, #00283E)
• Worn Emerald Harbor color palette (#E4FAFF, #D5DCE8, #E5BEE5, #489949, #003138)
• Softworn Powder Studio color palette (#FAF3F8, #D4D4E3, #7EC5EB, #5C8F71, #2A405E)

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