Tempered Pine Alley color palette — #DBF3E9 · #33784C · #003F3B · #001F3B · #000401
Pine takes the lead with Midnight close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DBF3E9): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#33784C): A full-bodied, balanced teal — the color of sea glass.
- Forest (#003F3B): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001F3B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Pine Alley 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
- Olive Courtyard color palette (#D8F0DE, #557325, #00412A, #380628, #020300)
- Wandering Olive Corridor color palette (#FAE0E8, #726A00, #124200, #002426, #030300)
- Washed Jade Harbor color palette (#E0E4D0, #00A77C, #005A53, #00313C, #000201)
- Moss Thicket color palette (#DBE9DF, #759B56, #00654A, #57253C, #001712)
- Pine Coast color palette (#E5F8E8, #9CB25F, #00804A, #6D3659, #00281E)
- Charred Aubergine Veranda color palette (#E1DEEC, #5A00AF, #224900, #003222, #020007)
- Grape Veranda color palette (#E5EAFF, #6522D2, #3C5200, #30006F, #020300)
- Faded Navy color palette (#F8EBF0, #3D94BC, #0041A0, #002C27, #050018)
Browse the whole catalog at Explore, or see today's palette.