Soft Pine color palette — #F3ECF4 · #8FD3D0 · #0895B6 · #097222 · #0B2F50

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Blush (#F3ECF4): bright and airy, almost weightless.
• Ice Blue (#8FD3D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0895B6): A luminous, balanced blue — the color of open sky before noon.
• Olive (#097222): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#0B2F50): A deep, shadowed, dusty 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

• Washed Cobalt color palette (#F6EBF1, #A0CBE4, #538AC4, #006E5B, #262756)
• Gentle Chapel color palette (#FFF2EE, #B2F4F1, #00A2C5, #1A6E23, #021F3A)
• Turquoise Boulevard color palette (#E7F2E9, #95E4E0, #00B9CB, #00956F, #003442)
• Timeworn Periwinkle color palette (#FFF0FA, #ABE5F9, #4CA0EF, #00856C, #363A6B)
• Wandering Petrol color palette (#F3EEE6, #9FBA9D, #007682, #00523C, #003442)
• Soft Terrace color palette (#E2DDFD, #CE6DDF, #00957C, #037E1E, #2E1233)
• Ultramarine Delta color palette (#F0DFE6, #66ABD0, #2D60C2, #004B45, #17003F)
• Aged Lagoon color palette (#F9F3F9, #D4D6EA, #91B7CF, #659370, #42546B)

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