Oat Lagoon color palette — #ECF9F1 · #C3DFB0 · #84B9A3 · #7D9886 · #2C4943

Celadon Mist takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Celadon Mist (#C3DFB0): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#84B9A3): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#7D9886): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#2C4943): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Bronze Corridor color palette (#F8F5E9, #B2CF9F, #699E75, #827127, #474500)
• Hushed Aqua Harbor color palette (#F9F3F9, #BCF9F3, #77CCE3, #7EA478, #314A62)
• Feathered Sunflower Study color palette (#FFF1F5, #D9D45C, #70BA65, #51959A, #184432)
• Linen Seafoam Hollow color palette (#D3F6CC, #63E3B2, #1FC1BD, #36929E, #2F4F68)
• Stone Study color palette (#D4ECD7, #B4C377, #60A272, #38808F, #003125)
• Mint Balcony color palette (#D2F4E7, #68DB96, #00ADA5, #77823B, #00381C)
• Faded Turquoise Delta color palette (#E9F8FF, #8CEDFF, #30C0D5, #248A95, #00393D)
• Lagoon Study color palette (#F6F2E4, #B6B68F, #4B8365, #5B5725, #29290E)

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