Pine Summit color palette — #EDF8F4 · #87BBB3 · #43835E · #37616A · #314844

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Mint Leaf (#87BBB3): A luminous, dusty teal — the color of sea glass.
• Fern (#43835E): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#37616A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#314844): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Driftwood Delta color palette (#EFF8F0, #A7CBB7, #7A884E, #516A78, #405248)
• Cypress Studio color palette (#EBF9F5, #7CA87F, #157453, #384973, #123D3A)
• Dusty Cerulean Veranda color palette (#F0F7F1, #B9E4F5, #2A98B6, #1A7165, #2E4B60)
• Ancient Fern Summit color palette (#F6F6EC, #D3DAB3, #8BB99A, #87967B, #414700)
• Worn Lagoon Dune color palette (#D6EDE8, #398C60, #005142, #252857, #002020)
• Dusty Bloom color palette (#F0F5FF, #E3D8E1, #EEB9E6, #5C82A9, #494F64)
• Amber Basin color palette (#F0F5FF, #869CE1, #AC8211, #4C60A6, #2C4B33)
• Faded Delta color palette (#F1F5FF, #747EDC, #BB5B3F, #047D4B, #2E374E)

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