Frosted Pine color palette — #F5F8E1 · #6DB67E · #007D52 · #3A5B32 · #1E4428
Teal and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F8E1): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#6DB67E): A luminous, balanced teal — the color of sea glass.
- Teal (#007D52): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#3A5B32): A full-bodied, dusty green — the color of new leaves after rain.
- Forest (#1E4428): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Frosted Pine 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 Villa color palette (#F7F6E9, #A0B98A, #4E8344, #50621E, #484500)
- Soft Emerald Market color palette (#EBEFCE, #27AC60, #006B49, #004F44, #003819)
- Washed Lagoon color palette (#E3FCF3, #88CE96, #009C83, #63703B, #124340)
- Worn Teal color palette (#FCF6DB, #A6DEB2, #42BAAD, #898E55, #1D4428)
- Worn Summit color palette (#ECE6D2, #73823D, #324E00, #083914, #181E00)
- Faded Teal color palette (#96F3EB, #00BDBF, #00828D, #005B69, #004354)
- Amethyst Loft color palette (#D2F1FF, #008CB5, #7F42EC, #00734C, #093A28)
- Tempered Powder color palette (#DBFFEE, #BEE4FF, #99C0FF, #007E93, #294F42)
Browse the whole catalog at Explore, or see today's palette.