Pine Lagoon color palette — #FBF3F1 · #CDE7DF · #66A3B8 · #4A7D4E · #604963

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#CDE7DF): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#66A3B8): A luminous, dusty blue — the color of open sky before noon.
• Olive (#4A7D4E): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#604963): A full-bodied, 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 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

• Dusty Chapel color palette (#EEF4EF, #CBDFF3, #53ABB8, #407863, #1F3A48)
• Aqua Basin color palette (#F9F4EE, #C8ECE1, #5FC2D1, #54957D, #3A5045)
• Patina Canyon color palette (#EBF9F0, #7CBBCC, #C7809B, #008097, #693E4E)
• Patina Lagoon color palette (#F5F9DA, #91CAAE, #1D9691, #007184, #315A4B)
• Onyx Lagoon color palette (#F3E4DE, #518B92, #00425D, #002413, #000429)
• Cobalt Veranda color palette (#FFF2EC, #A1D8E8, #1585D0, #006951, #323A70)
• Muted Plum color palette (#E4FCF1, #68A0BE, #AE768F, #AB596D, #31483F)
• Cocoa Lagoon color palette (#FFF3E9, #C5B59E, #9D775E, #824C4C, #564600)

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