Airy Lagoon color palette — #F0F9E3 · #7ECAA6 · #D986B2 · #17976A · #5E3535

Built around Fern, softened by Bubblegum — the whole palette hums with balance.

The five colors

• Cream (#F0F9E3): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#7ECAA6): A luminous, balanced teal — the color of sea glass.
• Bubblegum (#D986B2): A luminous, balanced rose — the color of strawberry cream.
• Fern (#17976A): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#5E3535): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Balance. Tagged warm.

Use it as a design system

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

• Linen Olive color palette (#F6F6E7, #A3C486, #B894D1, #688E44, #4F365F)
• Timeworn Stone Hollow color palette (#ECF9EC, #88D4D4, #E49A9D, #409D9D, #664338)
• Feathered Mallow Quarry color palette (#E2FBFB, #91EAC1, #F997D6, #17A071, #4E2B41)
• Hazy Pine color palette (#F3F7EA, #70B088, #BF6992, #007A45, #632E48)
• Powdered Teal Atelier color palette (#EDFBE0, #40BD99, #978DD3, #B5744F, #2F3D22)
• Patina Market color palette (#E2FDEC, #32D4F9, #DD5C3A, #00859F, #65210E)
• Hushed Cabin color palette (#EFF9E6, #C3E8DD, #99D2CF, #8E966C, #455542)
• Quiet Pier color palette (#D3EECC, #00B7A8, #F91980, #007A70, #590029)

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