Patina Lagoon color palette — #E3DDD4 · #408588 · #00434F · #002018 · #000103

Storm Blue and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E3DDD4): a clean, paper-quiet neutral.
• Storm Blue (#408588): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00434F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#002018): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, 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

• Hushed Navy color palette (#EDE4D6, #537E9D, #003979, #001E25, #00000C)
• Weathered Veranda color palette (#DDECE1, #4A93BE, #355CB5, #003833, #000407)
• Shadow Forest Loft color palette (#DFEEE7, #006359, #00383A, #00171B, #000203)
• Patina Denim Lantern color palette (#D8E7DB, #55A0A4, #006373, #003D30, #000B12)
• Petrol Balcony color palette (#EEE8DE, #95BEA8, #0074A3, #004B4C, #00162F)
• Twilit Courtyard color palette (#E5F1E7, #00575D, #74001C, #002427, #040000)
• Obsidian Aubergine Alley color palette (#D9ECF0, #00444D, #550052, #2C2100, #000102)
• Cerulean Alley color palette (#F8F1E5, #B2DBBE, #0090B6, #00635B, #00283F)

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