Lagoon Studio color palette — #E4FAFF · #008F8B · #245B88 · #383A74 · #183121

Fern and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E4FAFF): A whisper-light, dusty blue — the color of open sky before noon.
• Fern (#008F8B): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#245B88): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#383A74): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Forest (#183121): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged jewel, vibrant, muted, cool.

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

• Timeworn Lagoon Bloom color palette (#E7F9FC, #149291, #7A567B, #614162, #263528)
• Dusty Cerulean Cabin color palette (#ECF7FF, #2E88B4, #10678C, #672447, #0C3233)
• Soft Olive color palette (#E4FBF3, #6A7914, #0E6794, #00486A, #35263A)
• Muted Alley color palette (#FBF1FF, #75A768, #1E7588, #70394F, #1B4447)
• Aubergine Basin color palette (#D8F0FF, #006280, #003C88, #440067, #171900)
• Sunlit Navy color palette (#F9F3B5, #8AB884, #1D887B, #005B66, #003F6C)
• Aubergine Workshop color palette (#EEF6FF, #216DAB, #553A96, #4E2900, #001E2F)
• Sunlit Harbor color palette (#F3F3E4, #628D4C, #505599, #7A104B, #1F1202)

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