Lagoon Bloom color palette — #F4F7E8 · #90C2A7 · #369378 · #2F6F6A · #2C3C00

Fern and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7E8): a clean, paper-quiet neutral.
• Mint Leaf (#90C2A7): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#369378): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#2F6F6A): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#2C3C00): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Dusty Drift color palette (#F7F6EA, #B9B78C, #638D5B, #30724F, #36362F)
• Timeworn Petrol Chapel color palette (#F1F8E6, #74CFB4, #009B8C, #1270A1, #004637)
• Wandering Pine color palette (#EFEDCF, #8BBA7D, #00903A, #006770, #103800)
• Antique Fern color palette (#F5F6EC, #CED5B6, #93A27C, #638772, #485406)
• Seafoam Parlor color palette (#E6FBF3, #A1DAAA, #62B19D, #6A899A, #1F3B39)
• Dusty Teal color palette (#DCE2D4, #52A48D, #007065, #004F53, #002119)
• Tempered Atelier color palette (#F5F6EF, #B7E0C9, #56A0C1, #007A87, #003F5E)
• Hushed Olive color palette (#ECE4D5, #ABA778, #717900, #883546, #2E2A00)

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