Lagoon Studio color palette — #F3F7EC · #4E9B6F · #007178 · #0D4B7A · #4E2A3D
Built around Fern, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Fern (#4E9B6F): A luminous, balanced teal — the color of glacier melt.
- Teal (#007178): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#0D4B7A): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#4E2A3D): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Lagoon Studio 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
- Moss Summit color palette (#F6F6E9, #659945, #007368, #004F6B, #493408)
- Dusty Courtyard color palette (#F1F8EC, #5BA994, #077BA0, #4D4E7C, #42433C)
- Wandering Coast color palette (#F5F9D7, #90BB9F, #609B8C, #506E64, #5A4A59)
- Feathered Amber Villa color palette (#F9F1E1, #A68C00, #007185, #5E2B53, #360D20)
- Washed Nightshade Parlor color palette (#E5F7EC, #00859E, #3549A6, #581A60, #00342B)
- Tempered Station color palette (#DAF0CF, #00806E, #00536E, #2B0091, #172B00)
- Lagoon Bloom color palette (#E5EDC6, #6AB885, #009562, #006A52, #3D4F30)
- Pale Mustard Hollow color palette (#E8FBF0, #B5A735, #1D8DB1, #7C4A6D, #4F2944)
Browse the whole catalog at Explore, or see today's palette.