Lagoon Garden color palette — #FBF5E3 · #CECB8F · #96AF72 · #009498 · #3F3D36

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

The five colors

• Cream (#FBF5E3): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#CECB8F): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#96AF72): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#009498): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Lagoon Garden 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

• Wandering Basin color palette (#FAF6DF, #9ED9A1, #50BB96, #3E8AB9, #3C3E37)
• Softworn Emerald Studio color palette (#FFF3E2, #F6B88C, #CA9C4C, #43965A, #423C37)
• Hushed Cerulean Canyon color palette (#F3F9D9, #CED9BE, #A3BB99, #6893B5, #5F435D)
• Aged Coast color palette (#FFF3E6, #D3A879, #76914A, #6E5394, #403D36)
• Timeworn Basalt Study color palette (#F6F6E7, #D4D9B4, #8BB997, #9E8F60, #434700)
• Pale Ultramarine color palette (#E0E0C6, #3FC49C, #009C97, #1F5BD3, #002B23)
• Teal Drift color palette (#F5F6EE, #C4E6DC, #7DCDD5, #00B09E, #2B513A)
• Linen Emerald color palette (#F1E5B8, #9DC200, #0FAB2A, #00798E, #1B3000)

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