Gentle Lagoon color palette — #FCF1FB · #B1F3FA · #009ED6 · #006E40 · #081C41

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Sea Foam (#B1F3FA): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#009ED6): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E40): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#081C41): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Gentle 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

• Hushed Iris Field color palette (#FEF1F7, #CAEBFF, #648EE9, #006A64, #20173A)
• Periwinkle Orchard color palette (#FCF2F9, #D5D4E1, #5DAEEA, #008260, #232C4E)
• Antique Atelier color palette (#FFF0F8, #85D9F9, #147ADA, #005345, #0A022E)
• Timeworn Petrol Archive color palette (#FAEBE4, #82BDC3, #007393, #00523C, #083050)
• Timeworn Delta color palette (#F3F4FF, #A672EC, #009876, #007B78, #120423)
• Aged Denim color palette (#EADEE5, #64AEC5, #005795, #002C22, #01000A)
• Powdered Boulevard color palette (#FCE8EE, #82BCF3, #4D4BE2, #003D40, #05000D)
• Cobalt Pier color palette (#F5F4FF, #E9DCD8, #FFCBA1, #5D73C0, #2E1C3A)

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