Pine Terrace color palette — #FFF2ED · #D2DCF1 · #4CBBF1 · #008D55 · #1C335E

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Powder Blue (#D2DCF1): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#4CBBF1): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008D55): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1C335E): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Patina Periwinkle Drift color palette (#FFF3E8, #D9D6E2, #85ACFF, #008881, #372960)
• Antique Azure Loft color palette (#FFF2EC, #D5DEF9, #00A5ED, #007650, #0E1D58)
• Hazy Aqua color palette (#EFF8F1, #B1F2F8, #35C9EE, #00A892, #004662)
• Washed Cobalt Lantern color palette (#FCF1FA, #85DFE9, #008ABC, #006B3E, #273F6A)
• Ancient Garden color palette (#FBF3EF, #C7DDE4, #B9C0EE, #859A73, #5E4356)
• Worn Petrol Workshop color palette (#FBEAE4, #6FC8CA, #007292, #00411A, #00020A)
• Softworn Lagoon color palette (#F2E6DC, #6EABCA, #2A5297, #002C27, #010008)
• Aged Meadow color palette (#FDF3EB, #A1D3F2, #4E76CC, #00524D, #10002D)

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