Pine Summit color palette — #FFF0FD · #50E3E8 · #009AC6 · #007838 · #003168

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

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Ice Blue (#50E3E8): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#009AC6): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007838): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#003168): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Worn Balcony color palette (#FCF1FB, #A0E3E1, #19A5CA, #4C7850, #203C5A)
• Cornflower Dune color palette (#FFF1F7, #85D6FF, #4E8AEC, #007369, #332467)
• Cobalt Station color palette (#E7DCE5, #5AC3D0, #007EB0, #005C39, #0C1D41)
• Wandering Aqua Lantern color palette (#F5F7E8, #63CAD2, #007C8C, #005652, #003947)
• Wandering Study color palette (#FAF2F8, #D6D5E7, #8FB7D4, #5A9193, #485366)
• Misty Basin color palette (#E3FFD6, #6EF2DD, #80C8FF, #8E7B00, #074629)
• Gentle Quarry color palette (#EBD9E3, #14A1C7, #00599F, #003D31, #07002A)
• Hazy Clover color palette (#C3FFE0, #00D870, #009053, #005239, #002316)

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