Tempered Pine Lagoon color palette — #F7F0EE · #CBE2DB · #71A5B8 · #3F7B47 · #432D45

Built around Olive, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F0EE): bright and airy, almost weightless.
• Silver (#CBE2DB): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#71A5B8): A luminous, dusty blue — the color of deep harbor water.
• Olive (#3F7B47): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#432D45): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Cypress color palette (#F6F0EC, #CBE0E1, #B190AC, #087B75, #452E3A)
• Patina Turquoise color palette (#F8F4EE, #CBE5DD, #47A9B6, #497A67, #395144)
• Washed Lagoon color palette (#FFEEE2, #BE9175, #599D85, #008B81, #342315)
• Sky Thicket color palette (#F8F3F9, #D2D6EC, #79BCD3, #6A926B, #455464)
• Abyss Studio color palette (#F6E9E4, #5E8366, #00415B, #002110, #000108)
• Sunlit Studio color palette (#FAEFEA, #9BDCEC, #2889CD, #00654B, #161C56)
• Weathered Hollow color palette (#F2EAE3, #75A89B, #474DA0, #00393C, #130023)
• Petrol Market color palette (#F1E7E1, #88BCD3, #3B6CAA, #004C42, #14073F)

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