Pine Summit color palette — #FFF2EB · #8DDBD7 · #009DB5 · #007744 · #003751

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#8DDBD7): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#009DB5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007744): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003751): A deep, shadowed, dusty 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

• Azure Lagoon color palette (#FFF2EB, #90D7ED, #0095DE, #007368, #0F2D6F)
• Worn Lagoon color palette (#FFF0FA, #B2FFFA, #00ACC5, #007742, #00283B)
• Chalky Turquoise Veranda color palette (#F7F7DF, #84EFE8, #00C2C7, #009A82, #003A41)
• Ancient Balcony color palette (#EAF9F5, #6DCAC5, #007D82, #00574A, #003A41)
• Antique Denim Station color palette (#F1E2DB, #669CA9, #005F87, #003C33, #00081E)
• Misty Brick color palette (#FFDCCF, #F66C6B, #00A38B, #C50028, #00372D)
• Chalky Boulevard color palette (#F1D9D7, #F53D3F, #009392, #326F9B, #4B0005)
• Softworn Station color palette (#F3DAB5, #AEA85C, #996F00, #7D4000, #202F00)

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