Pine Terrace color palette — #F9F3F9 · #D4D4E3 · #5DB1DA · #00844B · #152D54

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#5DB1DA): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00844B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#152D54): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Washed Periwinkle color palette (#FBF2F6, #D9D4DE, #92A3E1, #007F80, #352350)
• Timeworn Iris Chapel color palette (#FCF2F7, #C7ECFF, #5E92E2, #006B60, #1E1247)
• Patina Terrace color palette (#FBF4EA, #B1EDF1, #43C4E1, #0FA289, #1C4334)
• Periwinkle Quarry color palette (#E8FBEE, #DABC65, #6BA6FF, #8F7300, #042555)
• Patina Forest color palette (#FFF2ED, #96D1D6, #3781A4, #106339, #493148)
• Weathered Jade Cabin color palette (#F8F3F8, #D3D5E5, #A9C9F5, #67A273, #3B4F66)
• Worn Cerulean Harbor color palette (#E9F6EB, #89D7DC, #008AA3, #005D4D, #002337)
• Dusty Denim Lagoon color palette (#E5DBE3, #7EAABC, #005B84, #002D1B, #00000C)

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