Patina Lagoon color palette — #F4EEE4 · #ABCFAF · #0096AF · #006E5B · #003346
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4EEE4): bright and airy, almost weightless.
- Pistachio (#ABCFAF): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#0096AF): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006E5B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003346): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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 Basin color palette (#F4EEE4, #9ACDE4, #378DCA, #006B72, #042B60)
- Muted Cerulean Hollow color palette (#EAFAED, #A1F7FB, #00A3BE, #006C59, #002230)
- Tempered Forest Harbor color palette (#F8EBE7, #7FBEC0, #007394, #005424, #102E52)
- Feathered Azure color palette (#FAF4EC, #AEE4FD, #10A4F8, #00818A, #193E75)
- Timeworn Denim color palette (#F6EEE2, #5B9DAF, #006083, #003B3A, #000A17)
- Lagoon Garden color palette (#F8F5EF, #CDE4DF, #81BBCF, #3D9889, #2E5346)
- Gentle Turquoise color palette (#F6EAF5, #8BE5E9, #00B4E9, #3A9359, #182E4D)
- Tempered Brick color palette (#F0D8CF, #DF746F, #0098A1, #BB0021, #003033)
Browse the whole catalog at Explore, or see today's palette.