Ember Lagoon color palette — #FFF1F5 · #DCF4C9 · #96DEAE · #D66250 · #594815

A conversation between Coral Clay and Lagoon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Honeydew (#DCF4C9): A whisper-light, dusty green — the color of fresh herbs.
• Lagoon (#96DEAE): A whisper-light, balanced teal — the color of sea glass.
• Coral Clay (#D66250): A luminous, balanced orange — the color of toasted spice.
• Deep Olive (#594815): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged pastel, light.

Use it as a design system

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

• Ancient Rust color palette (#DDF7E0, #D2D897, #64CB94, #C45D1E, #3E3700)
• Airy Lagoon color palette (#DCFFEB, #A6F1D6, #6DD7EA, #CD7D25, #424F23)
• Patina Coral color palette (#FFF3E6, #BDEAD0, #BFC2D3, #D0836E, #453203)
• Quiet Peony Archive color palette (#FFF0FB, #FFE1B9, #CED969, #E05884, #5D361D)
• Pale Lime color palette (#FFF3E2, #FEE993, #B5C350, #A56B16, #504212)
• Terracotta Study color palette (#FFE7EF, #D0B06A, #BC7218, #A4360C, #393800)
• Pale Pier color palette (#CAE8D7, #AFCC95, #3DBEAC, #935700, #1D2E00)
• Weathered Alley color palette (#D1FFF5, #A4F3D6, #38CBEE, #8D7A00, #003E27)

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