Pale Pine Lagoon color palette — #E9FBEC · #98AD6A · #177D4D · #095A6C · #33400E

Teal and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#98AD6A): A luminous, balanced green — the color of fresh herbs.
• Teal (#177D4D): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#095A6C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#33400E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pale Pine Lagoon 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

• Cypress Studio color palette (#EAFAF1, #7FA780, #277163, #304E66, #153D39)
• Washed Workshop color palette (#FFF0F7, #BBA057, #5D732C, #005E56, #493801)
• Dusty Pine Station color palette (#F7F2DE, #91B47E, #2E7D4C, #005951, #102700)
• Emerald Quarry color palette (#E7FAF2, #A7C697, #3D9C60, #017A70, #2C421F)
• Weathered Olive color palette (#FFF0F7, #B8A157, #597429, #634171, #20432E)
• Washed Meadow color palette (#DCF2DD, #90993C, #006E2A, #5E2E5B, #2D3100)
• Lagoon Balcony color palette (#EEF8F0, #A4CABE, #548C8B, #6C6079, #3C534C)
• Tempered Lagoon color palette (#CBEBDF, #4F8865, #00504C, #062F55, #00220F)

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