Pale Pine color palette — #F1F4E2 · #298A28 · #005E72 · #002D6D · #15040A

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

The five colors

• Cream (#F1F4E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#298A28): A full-bodied, vivid green — the color of a quiet forest floor.
• Peacock (#005E72): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#002D6D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#15040A): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Worn Harbor color palette (#ECF6E5, #00856B, #005492, #382274, #150304)
• Hushed Olive color palette (#F1EEDA, #6D8800, #006453, #00394E, #1C1200)
• Airy Corridor color palette (#E4FBF6, #4B9827, #007B90, #174D88, #1E1F31)
• Weathered Nightshade color palette (#E1F7DF, #006D6A, #2400C9, #430064, #110006)
• Bronze Bloom color palette (#EAFAEA, #905D00, #004F7D, #003455, #201627)
• Misty Amber Orchard color palette (#FFF2E9, #D87637, #008082, #5E296F, #120500)
• Velvet Lantern color palette (#EDF4DA, #005730, #003C50, #0A0055, #040001)
• Timeworn Petrol Corridor color palette (#EBF5EC, #1DA0AB, #5B5EA8, #613766, #221512)

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