Lagoon Canyon color palette — #F1F7F2 · #D5D6E6 · #69CBE2 · #31957E · #1E435A
Fern and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D5D6E6): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#69CBE2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#31957E): A luminous, balanced teal — the color of sea glass.
- Navy (#1E435A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Weathered Cerulean color palette (#F1F7F2, #DAD5DF, #9DBBF5, #0090B3, #333E5A)
- Weathered Turquoise color palette (#F1F7F2, #D9E0EB, #61B1D9, #007F7C, #053051)
- Wandering Petrol color palette (#E7F1E9, #7FC3D0, #007292, #003E39, #000307)
- Softworn Teal Loft color palette (#E9F8FF, #D7DAE6, #B8ACAA, #6EBFB4, #314B5B)
- Hushed Lagoon color palette (#ECF9EE, #A9D2ED, #0081C6, #005056, #000B25)
- Quiet Grove color palette (#E7F9FF, #8AE6EF, #F69FA2, #009CA8, #55292C)
- Weathered Delta color palette (#F9F4ED, #C7E6CA, #4797A9, #2A705F, #2F5042)
- Patina Cerulean color palette (#FBEFEB, #ADE9EC, #4898BA, #396B49, #372438)
Browse the whole catalog at Explore, or see today's palette.