Pine Terrace color palette — #FBF3F0 · #BDDFC2 · #4AA0CA · #00814B · #243A60

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#BDDFC2): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#4AA0CA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#00814B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#243A60): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Azure Archive color palette (#FCF3EE, #ACE6F6, #32A2F6, #008568, #303876)
• Cobalt Market color palette (#F7ECE4, #A8CEBE, #5C85CF, #006D64, #2E2454)
• Bronze Garden color palette (#F6DBEF, #7A90DF, #A28700, #5F7C27, #1F284E)
• Softworn Cerulean Drift color palette (#EFF8F1, #9ECEDE, #00869F, #006152, #193E56)
• Lagoon Quarry color palette (#FCF4E8, #AFEDF2, #69C0D7, #459E8A, #154434)
• Patina Courtyard color palette (#FBF3F1, #CDE8E1, #90BDA8, #5C966A, #614962)
• Softworn Cobalt color palette (#EFE2DB, #77BECF, #007BBD, #005C43, #11164E)
• Dusty Cabin color palette (#FFF0FE, #FBD3E0, #FBACB1, #0096B2, #593648)

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