Pine Summit color palette — #F3EFD2 · #007741 · #00483C · #00213C · #000502
Pine takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F3EFD2): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00483C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00213C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Timeworn Navy Summit color palette (#E5E6D0, #007460, #004748, #090069, #000504)
- Dusty Fern Ridge color palette (#F2E8CC, #686800, #284700, #002528, #030400)
- Smoked Olive Alley color palette (#F3E0E0, #4F7000, #00393E, #1D0015, #000201)
- Washed Teal Lagoon color palette (#E5E6D5, #4BA2A2, #00646C, #003C35, #000C0F)
- Emerald Thicket color palette (#E4F0E7, #18931C, #00695E, #54166F, #000502)
- Softworn Navy color palette (#C1E8DE, #008A8A, #005765, #2A2A66, #210414)
- Chalky Aubergine color palette (#E2ECCD, #007E9E, #004E80, #460057, #000D16)
- Timeworn Cabin color palette (#E1E0BF, #00AA8D, #00787A, #2C4188, #162A0E)
Browse the whole catalog at Explore, or see today's palette.