Patina Lagoon color palette — #F7EBE5 · #3F8684 · #004350 · #002110 · #000103

Fern and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7EBE5): a clean, paper-quiet neutral.
• Fern (#3F8684): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#004350): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#002110): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Washed Courtyard color palette (#EAE1DA, #4D7F9C, #00387B, #001F20, #01000B)
• Dusty Atelier color palette (#E6E8D8, #46967D, #00708C, #2F2D00, #010200)
• Aged Atelier color palette (#E3F0ED, #68B1AF, #006167, #002C26, #000102)
• Nocturne Pine color palette (#D5E3D9, #00763E, #00340E, #1C242A, #000B02)
• Weathered Petrol Lantern color palette (#F2E6E1, #94BFA5, #0073A6, #004C42, #031432)
• Ultramarine Corridor color palette (#E8DFD7, #71A3C3, #1652AF, #00393C, #09022A)
• Twilit Aubergine Study color palette (#E3E8D1, #005C27, #450097, #00260C, #020008)
• Dusty Atelier color palette (#FBEFE9, #8AE0E9, #0090B8, #00654B, #002645)

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