Pine Summit color palette — #CCEAFB · #308028 · #3D3130 · #00212B · #000509

A conversation between Olive and Midnight, giving this palette its sense of nature and growth.

The five colors

• Frost (#CCEAFB): A whisper-light, dusty blue — the color of deep harbor water.
• Olive (#308028): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#3D3130): a grounded near-black with real depth.
• Midnight (#00212B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000509): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Emerald Pier color palette (#D4E8F7, #22AE52, #00405D, #001D2D, #040618)
• Onyx Meadow color palette (#E4EFFF, #00805C, #000D5A, #210D22, #00011C)
• Moss Thicket color palette (#D6F1E2, #4DAF4A, #00627C, #002D3B, #000201)
• Lowlit Terracotta color palette (#D9E7F2, #A04B30, #002134, #130A07, #000307)
• Aubergine Lantern color palette (#CFEBFE, #004B65, #520070, #002407, #00050A)
• Washed Navy color palette (#D7DFEB, #A2A9BB, #797E94, #1D2786, #0A1325)
• Tempered Rust color palette (#D1EBE1, #C1664A, #003C5A, #00111E, #000201)
• Denim Corridor color palette (#EFF6FD, #A0CDB0, #406182, #273A4E, #23242D)

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