Pine Summit color palette — #E2F4F4 · #008F5D · #194E64 · #004228 · #000102

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

The five colors

• Cream (#E2F4F4): bright and airy, almost weightless.
• Fern (#008F5D): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#194E64): A deep, shadowed, dusty blue — the color of deep harbor water.
• Forest (#004228): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

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

• Washed Lagoon Coast color palette (#E1F2F8, #008894, #00486F, #003E44, #000103)
• Olive Cabin color palette (#D8E6E2, #5A890F, #005042, #263F00, #000102)
• Onyx Study color palette (#D4E5CC, #00756A, #00444B, #17025E, #000707)
• Teal Corridor color palette (#DCF2F8, #00AAA8, #006388, #005857, #000408)
• Dusty Abyss color palette (#E2EEEF, #A4B7BA, #71949D, #00503E, #000E0F)
• Deep Denim Field color palette (#D9EAF2, #006471, #242D51, #002329, #000103)
• Ancient Clover color palette (#E8FAF6, #71B83E, #006A86, #2D5B00, #000103)
• Dusty Ultramarine color palette (#DAE7F1, #0099D3, #323DC5, #004D6C, #00010E)

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