Frosted Pine color palette — #E4F7F3 · #8AB084 · #977CCF · #1C790B · #2D1C49
Built around Olive, softened by Lavender Blue — the whole palette hums with nature and growth.
The five colors
- Ivory (#E4F7F3): A whisper-light, dusty teal — the color of sea glass.
- Sage (#8AB084): A luminous, dusty green — the color of new leaves after rain.
- Lavender Blue (#977CCF): A luminous, balanced violet — the color of wild irises.
- Olive (#1C790B): A full-bodied, vivid green — the color of new leaves after rain.
- Deep Indigo (#2D1C49): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Pine Ridge color palette (#DFF8F5, #7EB384, #BA739F, #007A2B, #401432)
- Olive Orchard color palette (#E7F6EF, #A7A95E, #6C8BD0, #696900, #122450)
- Soft Wisteria Courtyard color palette (#F6F7E6, #9BC77E, #D28BF1, #57892E, #5C3440)
- Quiet Villa color palette (#D6FBF8, #639D71, #896FB9, #9B4688, #002423)
- Ember Coast color palette (#E3FBF5, #89AC69, #CD6753, #4E7223, #5F362D)
- Feathered Plum Harbor color palette (#DEF2F1, #27B065, #AC0085, #005C2F, #2D0021)
- Frosted Moss color palette (#F6F7E7, #BCE1AA, #74C6F2, #5B9E31, #003E57)
- Antique Forest color palette (#E5F5F8, #D3A990, #006359, #002F2A, #000F13)
Browse the whole catalog at Explore, or see today's palette.