Pine Summit color palette — #DDE4CD · #008850 · #00575C · #002E50 · #120031

Fern and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DDE4CD): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008850): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00575C): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002E50): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#120031): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Dusty Olive Boulevard color palette (#E5E2C9, #667C00, #005A48, #003141, #160C00)
• Jade Alley color palette (#DBEADA, #42B47A, #007E6D, #004367, #082255)
• Tempered Terrace color palette (#D9E6C7, #00865E, #005664, #001284, #0E1000)
• Obsidian Navy Chapel color palette (#D2F0DD, #006375, #002988, #280041, #0C0004)
• Tempered Petrol color palette (#F1F3E7, #73C8E8, #007CA8, #00505B, #001C2F)
• Hushed Emerald Bloom color palette (#DDF6DF, #00A45E, #006C47, #004937, #00241D)
• Charred Fern Chapel color palette (#E3E4C6, #366B00, #2B3438, #00260A, #030A00)
• Sunlit Moss Grove color palette (#CCF2E6, #749C00, #007A6A, #004F6C, #2F2200)

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