Patina Lagoon color palette — #ECF4F2 · #B1CE9E · #1A996E · #577F36 · #0B1919

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

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Pistachio (#B1CE9E): A luminous, dusty green — the color of fresh herbs.
• Fern (#1A996E): A luminous, balanced teal — the color of shallow lagoons.
• Olive Leaf (#577F36): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#0B1919): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Hushed Cerulean Station color palette (#EBF4F5, #91D2C6, #0093A8, #008475, #0B181D)
• Moss Coast color palette (#EEF4EF, #D8C090, #7F8B2B, #8B6D24, #091A14)
• Dusty Lagoon color palette (#C9FEFC, #93D1B3, #0B997D, #006159, #003334)
• Worn Olive color palette (#F7F5ED, #C3C588, #44879F, #707131, #22322A)
• Ancient Meadow color palette (#F6F6ED, #B8DF9B, #5AAE91, #789860, #2B3026)
• Airy Corridor color palette (#E2F7F6, #00C778, #007A81, #006D3F, #000B10)
• Aged Lagoon color palette (#ECF4F3, #CFD9DE, #AAB2C4, #5D8D89, #303837)
• Patina Grove color palette (#D8E9EA, #00A584, #005F71, #005341, #000305)

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