Cypress Lagoon color palette — #FBF3EF · #CCE4CC · #4E95AA · #307052 · #2A5045

Pine and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Celadon Mist (#CCE4CC): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#4E95AA): A luminous, dusty blue — the color of deep harbor water.
• Pine (#307052): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#2A5045): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Worn Field color palette (#EAF4F2, #C1E3ED, #549AA1, #006E61, #053140)
• Washed Cypress color palette (#FCF3ED, #CAE3D6, #608FB9, #00716B, #5A3C55)
• Lagoon Cabin color palette (#EAFAED, #B9E8ED, #E6BDD5, #4B8D79, #395748)
• Antique Lagoon color palette (#F5F6EF, #C1E6DC, #52B5C1, #008E80, #0F505D)
• Muted Turquoise color palette (#EDF9EE, #38B3B9, #BB736F, #007479, #48403D)
• Tempered Denim Chapel color palette (#F9E8E1, #589BA5, #00516C, #003125, #00142C)
• Feathered Navy color palette (#FFF2EB, #66C7E1, #0075AD, #00574D, #062B75)
• Worn Canyon color palette (#DFFFE8, #1699AC, #B1605D, #8D5500, #273E2E)

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