Pine Terrace color palette — #F8F0EE · #CAE5DC · #64A7BC · #4E774E · #1D3D36

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

The five colors

• Cream (#F8F0EE): a clean, paper-quiet neutral.
• Silver (#CAE5DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#64A7BC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#4E774E): A full-bodied, dusty green — the color of a quiet forest floor.
• Forest (#1D3D36): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Forest Alley color palette (#F7F0EE, #CBE4CD, #5B96B0, #107138, #142C4C)
• Wandering Cypress Balcony color palette (#F6F1EC, #C7E4E5, #819DCB, #287A70, #492B3C)
• Tempered Sky Grove color palette (#F8F3F9, #D2D7EC, #6DBED6, #6A9367, #415569)
• Hushed Lagoon Balcony color palette (#EFE4DF, #35868D, #00415A, #00210F, #000107)
• Ancient Olive Delta color palette (#FFEDEE, #BA8AB1, #789A55, #628539, #371F22)
• Muted Nightshade color palette (#F1E7DD, #76A89A, #4149AF, #00393B, #120024)
• Washed Lagoon color palette (#F7F1E4, #BDBDA5, #9A7F39, #6F5132, #292F1C)
• Cobalt Lagoon color palette (#FCEFE8, #71C9E3, #0076C2, #005341, #120056)

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