Pine Lagoon color palette — #FFF0FA · #8EDBD9 · #009DB8 · #007748 · #003752
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Ice Blue (#8EDBD9): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#009DB8): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007748): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003752): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Gentle Azure color palette (#FFF0F9, #8FD7EF, #0094E3, #00736A, #162D6C)
- Pine Lagoon color palette (#FFF2EB, #B1FFFB, #00ACC7, #007744, #00283C)
- Cypress Workshop color palette (#F6F6E9, #71C9C7, #007D84, #00574B, #003A42)
- Glacier Terrace color palette (#E6FAF6, #57F4F2, #00C1CC, #009987, #003A43)
- Timeworn Lagoon Canyon color palette (#FAF3F8, #CEE1FC, #6FAECF, #288D76, #334963)
- Hushed Denim color palette (#EAE1E7, #5F9DAC, #005F89, #003C34, #00071F)
- Aqua Garden color palette (#E2FCD0, #66F0D2, #3FD0FE, #848000, #004428)
- Muted Mustard Orchard color palette (#F4EACF, #B3AB00, #668E00, #006B27, #004131)
Browse the whole catalog at Explore, or see today's palette.