Pine Dune color palette — #F6F7E5 · #74B676 · #007E46 · #005B68 · #3A3B34
A conversation between Pine and Jade, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F7E5): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#74B676): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007E46): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005B68): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#3A3B34): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Dune 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
- Pale Olive Grove color palette (#FBF5E4, #A3A965, #5D7400, #005F51, #3B3E13)
- Hushed Denim Studio color palette (#EFFAE3, #58B7A2, #007A72, #0E5582, #00453A)
- Washed Lime color palette (#F9F1E0, #91B656, #167F45, #53426F, #252100)
- Timeworn Forest color palette (#E4E7D5, #5E9B74, #006547, #004556, #252D0B)
- Softworn Olive color palette (#FEF4E2, #ADA654, #697000, #7A3A3F, #3D3A34)
- Airy Lime Thicket color palette (#E0FEEC, #A0CC60, #329D60, #715E8E, #31411A)
- Quiet Corridor color palette (#F4EBCC, #869D3D, #3F6800, #791C09, #293300)
- Tempered Cerulean Thicket color palette (#F5F6EB, #8FDCED, #008DAD, #006669, #00465E)
Browse the whole catalog at Explore, or see today's palette.