Soft Pine color palette — #EEE4F0 · #8BCECA · #00A2C4 · #0E841C · #00203C

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

The five colors

• Blush (#EEE4F0): bright and airy, almost weightless.
• Mint Leaf (#8BCECA): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00A2C4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#0E841C): A full-bodied, vivid green — the color of a quiet forest floor.
• Midnight (#00203C): A deep, shadowed, dusty 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

• Timeworn Azure color palette (#F8EBF3, #8DCBDF, #4B97DD, #008067, #16144E)
• Softworn Orchard color palette (#E9E3DB, #81BEBB, #008490, #005C42, #00242E)
• Emerald Grove color palette (#D3E7ED, #90D1F4, #BAA5F6, #009C50, #002731)
• Navy Hollow color palette (#FEF1F8, #A5E4FD, #65AEFF, #009A82, #2B1E79)
• Aged Dune color palette (#D7EECF, #00AC6C, #008783, #006676, #002233)
• Crimson Market color palette (#C1E7EA, #009FAA, #EC2845, #A54E00, #001518)
• Rose Field color palette (#D0E8EF, #00B3B1, #EE4B62, #008180, #3A000B)
• Gentle Atelier color palette (#FBF2FB, #C1EDFB, #30C7F9, #00AD50, #1C406C)

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