Pine Terrace color palette — #FAF4F0 · #CDE5DE · #6CA3B3 · #31805A · #2C5347

A conversation between Teal and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CDE5DE): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#6CA3B3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#31805A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#2C5347): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Ancient Delta color palette (#FAF4F0, #CBE6E5, #759EC1, #008078, #62495D)
• Turquoise Villa color palette (#F5F6EF, #C7EAE0, #75BFC7, #5B9289, #43584A)
• Spruce Lagoon color palette (#F3E6DF, #6CACA8, #006271, #004121, #002334)
• Weathered Abyss Orchard color palette (#F7ECE6, #658B6F, #00435A, #00231A, #000919)
• Cobalt Summit color palette (#FEF2EC, #B3D9C2, #0088C6, #00685B, #1C3D77)
• Tempered Courtyard color palette (#FFF0FB, #8795C8, #AE7F40, #877615, #503A4B)
• Hushed Cobalt color palette (#FFF2EB, #7CC3DD, #0073B6, #005651, #182B6E)
• Tempered Cobalt color palette (#FCF1FA, #9BB0DC, #BC8E62, #506FB7, #644628)

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