Soft Pine color palette — #FFF2EE · #B3FFF8 · #00ABCB · #1A780C · #002643
A conversation between Olive and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Sea Foam (#B3FFF8): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00ABCB): A luminous, balanced blue — the color of deep harbor water.
- Olive (#1A780C): A full-bodied, vivid green — the color of fresh herbs.
- Midnight (#002643): 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
- Azure Canyon color palette (#FFF2EC, #D4DEF7, #00A6E6, #00764A, #092053)
- Lagoon Market color palette (#E7FCEA, #80F0E8, #00C1D0, #009C70, #003947)
- Ancient Basin color palette (#FEF1F9, #6ECAC4, #007C8D, #005A2E, #00384F)
- Antique Veranda color palette (#DCFFD4, #00CE99, #00968E, #005C65, #002A42)
- Feathered Forest color palette (#FFF2EE, #7EDFDE, #0087A9, #00561C, #000D20)
- Dusty Powder Station color palette (#FDF3EF, #BDEAF5, #78C5F2, #47946D, #4E364B)
- Worn Boulevard color palette (#FBF4EC, #C4E4F8, #859FFE, #007F7F, #442132)
- Antique Denim color palette (#F6EBE6, #63AFBE, #005B86, #002D1D, #00000C)
Browse the whole catalog at Explore, or see today's palette.