Lagoon Canyon color palette — #F6F6EA · #85E1DD · #009198 · #006859 · #004952
A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F6F6EA): a clean, paper-quiet neutral.
- Ice Blue (#85E1DD): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#009198): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006859): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Lagoon Canyon 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
- Aqua Pier color palette (#F6F7E3, #62CACE, #007C89, #00564F, #003A45)
- Forest Bloom color palette (#FFEEE5, #7EE4E0, #0092AA, #00663A, #00293D)
- Cobalt Pier color palette (#F4F6ED, #A8D5F1, #0086CF, #00637B, #204165)
- Washed Pine color palette (#FFF0FA, #81F0ED, #00AECA, #008851, #0D4561)
- Muted Abyss Corridor color palette (#EAEDE0, #508A9D, #00425A, #002226, #000B14)
- Denim Lantern color palette (#E1E4D5, #64A9C5, #005F84, #003D46, #002238)
- Hushed Grape color palette (#FFF1F5, #B96AE8, #008EA4, #850AB8, #00424E)
- Frosted Emerald color palette (#FFF2EE, #ACF4F2, #57C6EA, #48A855, #0B4171)
Browse the whole catalog at Explore, or see today's palette.