Tempered Pine Lagoon color palette — #F4F2E9 · #A0A156 · #338457 · #00575D · #002F27

Fern and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F2E9): a clean, paper-quiet neutral.
• Moss (#A0A156): A luminous, balanced green — the color of new leaves after rain.
• Fern (#338457): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00575D): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#002F27): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Pine Lagoon 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

• Softworn Balcony color palette (#F2F3E6, #87A776, #16827A, #195172, #332507)
• Taupe Archive color palette (#F7F1E9, #BF9356, #637B41, #0C594E, #392012)
• Patina Driftwood color palette (#F6F2E2, #C3C2A7, #909672, #597563, #2D4139)
• Hushed Thicket color palette (#ECEFE1, #379053, #006167, #003367, #161500)
• Patina Boulevard color palette (#FFF1F5, #C78844, #1B7F82, #4E4F76, #463551)
• Bronze Parlor color palette (#F4EDDD, #9A801F, #3E3B34, #231E13, #0F0C07)
• Worn Marigold color palette (#ECF9EE, #DAA845, #799767, #2C7770, #54384A)
• Wandering Aubergine color palette (#D1E8CE, #00837E, #00517E, #360071, #001304)

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