Frosted Pine color palette — #E6FBF4 · #8CAE73 · #117414 · #344201 · #030A00

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8CAE73): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#117414): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#344201): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#030A00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Worn Taupe color palette (#E8FBED, #B1A44D, #636400, #4B3900, #000B04)
• Teal Courtyard color palette (#E5FAF9, #58B791, #00705C, #004925, #000A05)
• Weathered Villa color palette (#CCE8E4, #4AA26E, #005C41, #033608, #000201)
• Aged Chapel color palette (#E6FAF6, #98CA9C, #008D53, #005F4D, #001D1B)
• Emerald Lantern color palette (#CEE5D8, #89B85E, #00975D, #6D6525, #00211B)
• Faded Emerald color palette (#E6FBF4, #BEE7A9, #4BAA51, #367A5C, #1F3512)
• Amethyst Coast color palette (#BDE9FF, #0088A3, #6631FD, #006631, #000203)
• Washed Turquoise Market color palette (#D8FBFF, #00BED3, #00727C, #002A2F, #000102)

Browse the whole catalog at Explore, or see today's palette.