Pine Loft color palette — #CCE7D4 · #FF8A66 · #BF9500 · #00872A · #141400

Built around Olive Leaf, softened by Salmon — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#CCE7D4): A whisper-light, dusty teal — the color of sea glass.
• Salmon (#FF8A66): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BF9500): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#00872A): A full-bodied, vivid green — the color of new leaves after rain.
• Ink (#141400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Pine Loft 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

• Muted Apricot Orchard color palette (#E0F4E9, #F98F00, #A19C00, #008969, #161B00)
• Powdered Market color palette (#F9E4ED, #FF82A5, #E18200, #667E00, #241600)
• Softworn Marigold Garden color palette (#EADFCF, #FFA094, #D9A000, #00AA84, #141800)
• Olive Lagoon color palette (#FFF4E0, #FFC294, #DAA500, #418B00, #040400)
• Amber Villa color palette (#F1E7CD, #DA8E00, #927200, #545700, #191400)
• Emerald Garden color palette (#CAEDE8, #AE8600, #18931C, #00676E, #000402)
• Timeworn Moss Hollow color palette (#CBE9E3, #D7AB00, #65B400, #008C95, #002108)
• Pale Aubergine Lagoon color palette (#F0DFD9, #B29047, #507749, #553979, #45122F)

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