Lagoon Atelier color palette — #FAF4EC · #DCC492 · #95B580 · #44978A · #17485D

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sand (#DCC492): A whisper-light, dusty gold — the color of old brass.
• Sage (#95B580): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#44978A): A luminous, balanced teal — the color of sea glass.
• Navy (#17485D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Driftwood Harbor color palette (#FFF2EA, #EFB9A1, #B8A979, #6E9265, #324A2D)
• Washed Balcony color palette (#FAF5E9, #D5C890, #8BB68D, #499595, #673200)
• Cypress Studio color palette (#FDF3EC, #DCA285, #559A94, #167680, #4A395E)
• Wandering Glacier color palette (#F5F6EE, #CCE4DF, #91D3E2, #6EB0AD, #385144)
• Tempered Petrol Ridge color palette (#F7F3FB, #EFBAD3, #9C9F5A, #1F749A, #4D2B45)
• Hushed Mustard color palette (#FAF1DC, #C6B24E, #58A76B, #007F86, #461F00)
• Muted Atelier color palette (#FFF1F0, #F0B3CB, #D29B80, #6E87B6, #5D3440)
• Cocoa Bloom color palette (#FCF4EC, #EDBC95, #A9AF79, #A2759F, #6B2E14)

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