Pine Summit color palette — #E7F8C3 · #88B685 · #30855E · #006055 · #004B4F
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Custard (#E7F8C3): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#88B685): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#30855E): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#006055): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#004B4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Forest Lantern color palette (#FDEDBA, #B3B984, #648240, #00612E, #004C3B)
- Gentle Lagoon Alley color palette (#CFFEE0, #7EC2AF, #008988, #005968, #004058)
- Pale Seafoam Grove color palette (#E0FDBA, #9CE499, #5BC79C, #30978A, #00454A)
- Hazy Jade color palette (#D8EFD9, #00B485, #006F68, #004549, #142842)
- Dusty Aubergine color palette (#FEF4E3, #80A376, #137B6B, #623583, #3C3E37)
- Soft Jade Hollow color palette (#D7FFE0, #B5CD82, #09AF78, #007371, #004663)
- Worn Loft color palette (#F3F9DF, #A4B59A, #708C78, #775776, #654844)
- Dusty Olive color palette (#F5F6EF, #D5DED6, #B2C5BB, #617F48, #4D4A00)
Browse the whole catalog at Explore, or see today's palette.