Pale Pine color palette — #FFE3EE · #B86500 · #007522 · #00486D · #070001

Olive takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFE3EE): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#B86500): A full-bodied, balanced gold — the color of old brass.
• Olive (#007522): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00486D): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#070001): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Weathered Olive color palette (#D7F1DE, #907800, #3C7200, #00456F, #080001)
• Plum Ridge color palette (#F8E5FB, #CB2A5B, #427600, #00486D, #060001)
• Nightshade Quarry color palette (#E1EDE3, #8D6800, #005C4E, #28158B, #050100)
• Scarlet Canyon color palette (#FFE8F7, #DF0F07, #765F00, #004D4B, #04000B)
• Scarlet Market color palette (#F4E0EF, #E82C00, #007842, #3325A8, #0B0020)
• Hushed Ember color palette (#CAE9D0, #E35125, #7B6600, #163E9A, #160700)
• Wandering Ember Alley color palette (#FFE0E2, #E5660E, #986000, #524B00, #050D00)
• Bronze Hollow color palette (#DDE7DC, #935D00, #363400, #2D2111, #0E0500)

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