Pine Terrace color palette — #FDF1FC · #B3FEFE · #00A9D5 · #007830 · #00244B

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

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Sea Foam (#B3FEFE): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00A9D5): A luminous, balanced blue — the color of open sky before noon.
• Olive (#007830): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#00244B): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Azure Corridor color palette (#FFF0FB, #D1DBF4, #00A6E6, #00764A, #051D5B)
• Periwinkle Ridge color palette (#FEF1F7, #D5D4E1, #7BB0FC, #00897A, #322E5A)
• Hushed Chapel color palette (#F6F7E3, #82EEF1, #00C1D1, #00998B, #003A44)
• Petrol Veranda color palette (#FFF2EB, #75C8CA, #007A95, #00593B, #003656)
• Feathered Iris color palette (#FFF1F5, #DADFF2, #7690FF, #007273, #2F0D54)
• Dusty Cerulean Parlor color palette (#FEF0FC, #77DFE7, #0085B2, #00552D, #000A26)
• Muted Turquoise Workshop color palette (#F4E6EE, #27B4D2, #00598E, #002D20, #01000B)
• Hushed Powder color palette (#FAF3F8, #D4D4E2, #B5C0E6, #6E9B9B, #434E5F)

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