Pine Dune color palette — #FAF4F0 · #CFE3DD · #60A5B5 · #347F57 · #325247

Teal takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CFE3DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#60A5B5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#347F57): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#325247): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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 Aqua Station color palette (#F5F6EF, #CCE4DC, #65C2C8, #579487, #45584A)
• Washed Cypress Hollow color palette (#FAF4EF, #C9E8E9, #AC8DAD, #2A7C7E, #64495B)
• Pine Corridor color palette (#FFF4E0, #BDBB86, #769555, #387542, #494C45)
• Worn Field color palette (#F9ECE5, #4E8C92, #004357, #002318, #000A18)
• Cobalt Villa color palette (#FEF2ED, #AFDABF, #1D89BD, #006859, #193E76)
• Antique Forest Veranda color palette (#F4F8DF, #A9D2B3, #5F8E61, #085D2F, #1C4124)
• Dusty Olive color palette (#F5F6EB, #9BBB8E, #AC89BE, #4D8333, #66404B)
• Hushed Pewter color palette (#F3F8E6, #74A680, #937EB1, #9B5E8B, #3D4800)

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