Pale Pine color palette — #F8EEF8 · #CA6D78 · #297734 · #35377A · #1D163E

Olive and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8EEF8): a clean, paper-quiet neutral.
• Coral Clay (#CA6D78): A luminous, balanced red — the color of embers at dusk.
• Olive (#297734): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#35377A): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#1D163E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Muted Pine Alley color palette (#F9EEF5, #C78B79, #278462, #4D4278, #2D213B)
• Peony Drift color palette (#F5EFFD, #C06DA3, #6D6800, #004761, #091E3A)
• Coral Basin color palette (#FFF2EB, #F37F5C, #23947C, #286485, #35315C)
• Amber Study color palette (#FFF0F8, #CF6729, #6F6415, #593965, #532A31)
• Hazy Garden color palette (#F4D6ED, #D41000, #005D25, #10008B, #1D0021)
• Muted Aubergine Field color palette (#E6F8E6, #AD7600, #006776, #5E0064, #2C002F)
• Wandering Workshop color palette (#ECF5EB, #BBB683, #618139, #58506B, #142D21)
• Washed Cerulean Summit color palette (#F7EFF5, #C4E2EF, #3799C2, #006F58, #192D43)

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