Patina Lagoon Pier color palette — #F8EAE2 · #38908E · #004451 · #002412 · #000B14

Built around Fern, softened by Deep Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#F8EAE2): bright and airy, almost weightless.
• Fern (#38908E): A luminous, balanced teal — the color of sea glass.
• Deep Teal (#004451): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#002412): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Weathered Navy color palette (#EFE1D6, #5887A2, #00397D, #002223, #06002B)
• Cypress Balcony color palette (#E1E2D5, #7D9C7D, #00656B, #003C34, #000C0F)
• Wandering Boulevard color palette (#EDDDE8, #54B2B0, #008299, #00613A, #000B14)
• Pine Delta color palette (#FFECD4, #909760, #378358, #4B1D00, #0F0C00)
• Sunlit Study color palette (#F5E7DB, #6DA6CA, #25559E, #003D41, #19124E)
• Velvet Meadow color palette (#E4DFCA, #765F00, #352700, #0E191C, #0E0800)
• Navy Hollow color palette (#F3E7D6, #6C4A00, #003A84, #2D1D00, #000516)
• Petrol Chapel color palette (#FFF2EC, #66C8DA, #0077A3, #005747, #003265)

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