Pine Summit color palette — #FFF4E1 · #A7B362 · #068E5C · #006060 · #004760
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#A7B362): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#068E5C): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#006060): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#004760): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Pine Coast color palette (#E4F8C3, #90C480, #288D5F, #005446, #002627)
- Navy Villa color palette (#F8EDC2, #7DB890, #00857D, #005A6F, #0F3972)
- Pale Olive color palette (#FFECE3, #C5A966, #6A8519, #005D34, #004649)
- Antique Dune color palette (#FFF2EE, #9A9E46, #007A72, #6C3B5A, #3D3E37)
- Powdered Terrace color palette (#EFFEBB, #9AD782, #4BAA79, #007561, #00484A)
- Muted Moss Corridor color palette (#EEEAD0, #2FB229, #006E5F, #00424D, #00294A)
- Pewter Workshop color palette (#F6F5EF, #D4DFD7, #B1C6C0, #707A4E, #4A483E)
- Aubergine Balcony color palette (#CAFDB2, #00B89C, #007B8B, #004D7B, #340293)
Browse the whole catalog at Explore, or see today's palette.