Pine Dune color palette — #E4F7EF · #7BABA2 · #31744B · #244774 · #00221D

Pine takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E4F7EF): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7BABA2): A luminous, dusty teal — the color of sea glass.
• Pine (#31744B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#244774): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Hushed Olive Lantern color palette (#EBF5ED, #A7A26F, #5B6D24, #4F3C66, #002315)
• Hushed Study color palette (#E5F6F3, #90BDBC, #3B8473, #465476, #092D2D)
• Muted Forest Dune color palette (#DFF5EE, #729971, #006544, #562543, #001802)
• Pine Atelier color palette (#FFF3E3, #95A267, #2D7347, #663E42, #37362F)
• Patina Cerulean color palette (#EBF5ED, #AFCDDB, #2787AB, #005C57, #00233A)
• Softworn Field color palette (#F0F8EF, #AFDCC9, #5E9B63, #7F5370, #0B2F23)
• Navy Alley color palette (#CDE5DE, #57865C, #005139, #102163, #000B01)
• Mulberry Summit color palette (#ECE5F8, #B67AA6, #189262, #8E1678, #002314)

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