Pine Terrace color palette — #FFF1F7 · #E47A00 · #1B8111 · #00465C · #1F002F

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Tangerine (#E47A00): A luminous, vivid gold — the color of honey in a jar.
• Olive Leaf (#1B8111): A full-bodied, vivid green — the color of fresh herbs.
• Deep Teal (#00465C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#1F002F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Quiet Workshop color palette (#FFF0FD, #FF5755, #697200, #00484F, #180038)
• Pale Harbor color palette (#FFF3E4, #CD8A00, #007E5F, #00329A, #290014)
• Mustard Cabin color palette (#DFFEE8, #D4A800, #00937C, #284C99, #420028)
• Pale Workshop color palette (#D4FDF0, #6B8700, #005860, #280067, #060001)
• Airy Rust color palette (#FBD8C7, #CC2B00, #475300, #002D53, #240003)
• Frosted Ultramarine Quarry color palette (#FBDFEF, #FF7E3E, #00A08D, #2B59D8, #280064)
• Patina Forest color palette (#F5E6C9, #856B00, #005C19, #003B3D, #3B1900)
• Powdered Navy Boulevard color palette (#FFF2EA, #DDC378, #839655, #106187, #212B67)

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