Soft Pine color palette — #EDF5E2 · #5DB98E · #648ED0 · #007750 · #122747
Pine and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EDF5E2): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#5DB98E): A luminous, balanced teal — the color of shallow lagoons.
- Slate Blue (#648ED0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007750): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#122747): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Aged Cypress Balcony color palette (#EBF5EA, #6DC4C4, #9D92CF, #098282, #432636)
- Emerald Villa color palette (#E1FBFB, #82CAA5, #72A5F4, #009866, #2B4367)
- Worn Grove color palette (#E5FAFB, #6CB094, #AB70B1, #007857, #56335A)
- Wandering Boulevard color palette (#EAF8D7, #4EA07B, #338AAD, #7D6A00, #19220A)
- Amber Delta color palette (#EAF6E8, #5EB5AD, #A78A35, #00746D, #322500)
- Hushed Lagoon color palette (#E5FAD6, #84CFB9, #308F76, #004A3A, #001811)
- Tempered Lapis color palette (#D2E9CB, #009B8F, #6351EE, #005951, #130049)
- Ancient Olive Delta color palette (#E6F4EC, #008DAF, #5A7700, #004F63, #0D1500)
Browse the whole catalog at Explore, or see today's palette.